/* Studio proposal. The open hero belongs to the body canvas. */
body.oddb-studio-preview{background:#233e33;color:#f5f3ec}body.oddb-studio-preview .oddb-header{position:fixed;background:transparent!important;box-shadow:none;height:72px;z-index:100}
.st-page{--st-paper:#f5f3ec;--st-green:#233e33;--st-ink:#20211f;--st-blue:#263fe5;background:var(--st-green);font-family:Arial,Helvetica,sans-serif;padding:0 0 8px;color:var(--st-ink)}.st-page *{box-sizing:border-box}.st-page a{color:inherit}.st-page :focus-visible{outline:2px solid currentColor;outline-offset:-6px}.st-label{font:10px/1.5 'Courier New',monospace!important;letter-spacing:.03em;text-transform:uppercase;margin:0!important;color:var(--st-blue)}
.st-hero{position:relative;isolation:isolate;min-height:720px;height:100svh;max-height:1080px;overflow:hidden;padding:140px 5vw 75px;display:flex;align-items:center;color:var(--st-paper)}.st-hero-copy{position:relative;z-index:1;width:55%}.st-hero .st-label{color:inherit}.st-hero h1{font:italic 400 clamp(120px,15vw,245px)/.96 Georgia,serif;letter-spacing:-.065em;margin:28px 0 40px}.st-deck{font:400 clamp(30px,3.1vw,49px)/1.12 Arial,sans-serif;letter-spacing:-.025em;margin:0 0 26px}.st-deck em{font-family:Georgia,serif;font-weight:400}.st-hero-note{max-width:310px;font-size:16px;line-height:1.5;margin:0}.st-berry{position:absolute;width:62%;height:94%;right:-7%;bottom:-5%;object-fit:contain;filter:drop-shadow(0 25px 18px #061c1940);pointer-events:none}
.st-grid{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:1px;margin:0 8px;background:transparent}.st-panel{min-width:0;border-radius:5px;overflow:hidden;background:var(--st-paper);padding:clamp(30px,4vw,65px);display:flex;flex-direction:column;align-items:flex-start}.st-panel h2{font:400 clamp(32px,3.3vw,53px)/1.05 Arial,sans-serif;letter-spacing:-.03em;margin:30px 0}.st-panel h2 em{font-family:Georgia,serif;font-weight:400}.st-panel>p:not(.st-label){font-size:clamp(15px,1.2vw,18px);line-height:1.55;max-width:540px;margin:0 0 23px}.st-link{font-size:14px;text-underline-offset:5px;margin-top:auto;padding-top:22px}.st-link:hover{color:var(--st-blue)}
.st-about{grid-column:1/15;min-height:530px}.st-experience{grid-column:15/25;background:#f1d1a7}.st-number{font:italic 400 clamp(130px,14vw,210px)/1 Georgia,serif;letter-spacing:-.06em;color:var(--st-blue);margin:24px 0 15px}.st-number span{font:400 .4em/1 Arial,sans-serif;vertical-align:top;position:relative;top:.15em;letter-spacing:-.05em}.st-experience h2{font-size:clamp(24px,2.15vw,33px);margin:15px 0 22px}.st-experience>p:not(.st-label){font-size:15px;max-width:360px}
.st-work{grid-column:1/11;position:relative;display:block;padding:0;min-height:570px;text-decoration:none}.st-work>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 65%;transition:transform .6s ease}.st-work:hover>img{transform:scale(1.025)}.st-work-caption{position:absolute;bottom:0;left:0;right:0;padding:18px 24px;background:var(--st-paper);color:var(--st-ink);display:flex;justify-content:space-between;gap:16px;font:11px/1.5 'Courier New',monospace}.st-work:hover .st-work-caption span:last-child{text-decoration:underline}.st-technology{grid-column:11/25;background:var(--st-blue);color:var(--st-paper)}.st-technology .st-label{color:inherit}.st-technology .st-link:hover{color:#f1d1a7}.st-technology h2{font-size:clamp(44px,5vw,76px)}
.st-page #ob-study.st-footer-wrap{padding:1px 0 0;margin:0 8px;background:transparent;border:0;border-radius:0}.st-page #ob-study .ob-footer{--ob-foot-text:#20211f;--ob-foot-muted:#61635b;background:var(--st-paper);color:var(--st-ink);border-radius:5px;padding:35px;margin:0}.st-page #ob-study .ob-footer .ob-footer-logo{color:var(--st-blue)}.st-page #ob-study .ob-footer a{color:inherit}.st-page #ob-study .ob-footer p{font-size:13px}
@media(min-width:701px) and (max-width:1000px){.st-hero{padding:130px 4.5vw 60px;min-height:700px}.st-hero h1{font-size:15vw}.st-hero-copy{width:58%}.st-berry{width:68%;height:86%;right:-13%;bottom:-2%}.st-panel{padding:32px}.st-panel h2{font-size:36px}.st-experience h2{font-size:26px}.st-number{font-size:16vw}.st-work{padding:0}.st-technology h2{font-size:50px}.st-work-caption{flex-direction:column;gap:6px}}
@media(max-width:700px){.st-page{padding-bottom:5px}.st-hero{height:100svh;min-height:770px;padding:112px 30px 35px;align-items:flex-start}.st-hero-copy{width:100%}.st-hero h1{font-size:clamp(90px,25vw,155px);margin:25px 0 30px}.st-deck{font-size:31px}.st-hero-note{font-size:14px;max-width:260px}.st-berry{width:400px;height:370px;right:-90px;bottom:-65px}.st-grid{grid-template-columns:1fr;margin:0 5px}.st-grid>.st-panel{grid-column:1;padding:32px 25px;min-height:0}.st-panel h2{font-size:35px}.st-panel>p:not(.st-label){font-size:16px}.st-grid>.st-experience{min-height:430px}.st-number{font-size:175px}.st-experience h2{font-size:27px}.st-grid>.st-work{padding:0;min-height:470px}.st-grid>.st-technology{min-height:500px}.st-technology h2{font-size:51px}.st-page #ob-study.st-footer-wrap{margin:0 5px}.st-page #ob-study .ob-footer{padding:30px 25px}}
@media(prefers-reduced-motion:reduce){.st-work>img{transition:none}.st-work:hover>img{transform:none}}

/* A distinct editorial statement in place of the repeated experience statistic. */
.st-panel.st-perspective h2{font:400 clamp(44px,4.6vw,72px)/.99 Arial,Helvetica,sans-serif;letter-spacing:-.045em;color:#263fe5;margin:38px 0 32px}
.st-panel.st-perspective h2 em{font-family:Georgia,serif;font-weight:400}
.st-panel.st-perspective>p:not(.st-label){font-size:15px;line-height:1.55;max-width:360px}
.st-panel.st-perspective>p:last-child{margin-bottom:0}
@media(max-width:700px){.st-panel.st-perspective h2{font-size:58px;margin:30px 0}.st-grid>.st-perspective{min-height:0}}

/* A quieter, personal closing note about collaboration. */
.st-grid>.st-people{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,6vw,95px);align-items:start;background:var(--st-paper)}
.st-people-heading h2{margin-bottom:0;max-width:590px}.st-people-heading h2 em{color:var(--st-blue)}
.st-people-copy{padding-top:42px;max-width:590px}.st-people-copy p{font:16px/1.6 Arial,Helvetica,sans-serif;margin:0 0 22px}.st-people-copy .st-people-lead{font-size:clamp(19px,1.6vw,24px);line-height:1.45;letter-spacing:-.015em}.st-people-copy .st-link{display:inline-block;padding-top:8px}
@media(max-width:700px){.st-grid>.st-people{grid-template-columns:1fr;gap:28px}.st-people-copy{padding-top:0}.st-people-heading h2{font-size:37px}}

/* Collaboration is a pair of independent panels, following the Studio grid. */
.st-grid>.st-people-title-panel{grid-column:1/13;justify-content:flex-start}
.st-grid>.st-people-text-panel{grid-column:13/25;justify-content:flex-start}
.st-people-title-panel .st-people-heading{width:100%}
.st-people-text-panel .st-people-copy{padding-top:42px;max-width:none}
@media(max-width:700px){.st-grid>.st-people-title-panel,.st-grid>.st-people-text-panel{grid-column:1}.st-people-text-panel .st-people-copy{padding-top:0}}

.st-together-motion{display:block;position:relative;width:100%;height:240px;min-height:200px;margin:32px 0 0;padding:0;border:0;border-radius:5px;overflow:hidden;background:#263fe5;cursor:pointer;flex:1}.st-together-motion canvas{display:block;width:100%;height:100%;min-height:240px}.st-together-motion:focus-visible{outline:2px solid #263fe5;outline-offset:4px}@media(max-width:700px){.st-together-motion{flex:none;height:230px}.st-together-motion canvas{min-height:0}}

/* Left title and animation stack beside one continuous text panel. */
@media(min-width:701px){
.st-grid>.st-people-title-panel{grid-column:1/13;grid-row:3}
.st-grid>.st-motion-panel{grid-column:1/13;grid-row:4}
.st-grid>.st-people-text-panel{grid-column:13/25;grid-row:3/5}
}
.st-grid>.st-motion-panel{padding:0;background:#263fe5;min-height:260px;position:relative}
.st-motion-panel .st-together-motion{position:absolute;inset:0;width:100%;height:100%;min-height:260px;margin:0;border-radius:0}
.st-motion-panel .st-together-motion canvas{width:100%;height:100%;min-height:260px}
@media(max-width:700px){.st-grid>.st-people-title-panel,.st-grid>.st-motion-panel,.st-grid>.st-people-text-panel{grid-column:1;grid-row:auto}.st-grid>.st-motion-panel{padding:0;height:260px}.st-people-text-panel .st-people-copy{padding-top:0}}

/* Studio collaboration palette matches the Notes navigation pixel panel. */
.st-grid>.st-motion-panel,.st-motion-panel .st-together-motion{background:#f5f3ec}