:root{--ink:#171714;--cream:#f4f0e6;--color:#0758f9;--deep:#0033bb;--line:#d4d1c7;font-family:'DM Sans',sans-serif;color:var(--ink);scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;background:var(--color)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #ffda59;outline-offset:5px}.backdrop{position:fixed;inset:0;background:radial-gradient(ellipse at 22% 8%,var(--color) 0%,var(--color) 12%,var(--deep) 100%);z-index:-1}.site-header{max-width:1440px;padding:30px 5%;margin:auto;display:flex;align-items:center;justify-content:space-between;color:white;gap:25px}.studio-label{font-size:13px;font-weight:600;line-height:1.6}.studio-label span{font-size:11px;font-weight:400;opacity:.8}nav{display:flex;align-items:center;gap:32px;font-size:13px}nav button{border:1px solid #ffffff65;background:transparent;color:inherit;padding:12px 19px;border-radius:25px}nav button span{margin-left:15px}.hero{max-width:1440px;margin:auto;position:relative;min-height:640px;display:flex;align-items:center;flex-direction:column;padding:44px 5% 0;color:white}.hero-kicker,.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.8px}.hero-kicker{opacity:.85;margin:15px 0 36px}.logo-wrap{width:min(90%,850px);padding:0 35px}.logo{position:relative;height:clamp(100px,18vw,205px);transform:none;filter:drop-shadow(0 16px 6px #00000018)}.logo span{position:absolute;inset:0;text-align:center;font:400 clamp(68px,15vw,176px)/1.12 'Russo One',sans-serif;letter-spacing:-.035em;white-space:nowrap;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill}.logo-base{color:var(--ink);transform:translateY(24px);text-shadow:0 -2px var(--ink),0 -4px var(--ink),0 -6px var(--ink),0 -8px var(--ink),0 -10px var(--ink),0 -12px var(--ink),0 -14px var(--ink),0 -16px var(--ink),0 -18px var(--ink),0 -20px var(--ink),0 -22px var(--ink)}.logo-face{color:var(--cream)}.service-line{display:flex;gap:.24em;align-items:center;justify-content:center;font-size:clamp(26px,4vw,46px);font-weight:400;margin-top:24px;height:1.45em}.word-window{height:1.45em;overflow:hidden;width:5.5em}.word-track{display:flex;flex-direction:column}.word-track>span{height:1.45em;flex-shrink:0}.hero-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;width:100%;padding:60px 0 24px;font-size:10px;letter-spacing:1px}.hero-bottom button{font-size:11px;letter-spacing:0;background:none;border:0;color:#fff;padding:12px}.hero-bottom a span{margin-left:18px}.floating-panel{background:var(--cream);margin:0 auto;width:90%;max-width:1296px;border-radius:8px;box-shadow:0 28px 65px #00000023;overflow:hidden}.section{padding:75px 6%}.intro-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;margin-top:36px}h1,h2,p{margin:0}h1{font-size:clamp(36px,4.3vw,62px);font-weight:500;line-height:1.08;letter-spacing:-3px}h1 span{color:#77766e}.intro-copy p:first-child{font-size:22px;line-height:1.4;margin-bottom:23px}.intro-copy p:nth-child(2){font-size:15px;line-height:1.75;max-width:400px;color:#62625a}.text-link{display:inline-flex;gap:30px;border-bottom:1px solid var(--ink);padding-bottom:8px;font-size:13px;margin-top:28px}.offerings{border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;gap:20px}.small-note{font-size:11px;color:#6d6b64}.offering-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin-top:45px}.service-tabs{display:flex;flex-direction:column}.service-tabs button{background:none;border:0;border-bottom:1px solid var(--line);padding:26px 0;display:flex;align-items:center;text-align:left;gap:20px;font-size:clamp(18px,2vw,28px);letter-spacing:-.6px;color:#77766e}.service-tabs button>span:first-child{font-size:11px;letter-spacing:0}.service-tabs button[aria-selected=true]{color:var(--ink)}.tab-arrow{margin-left:auto;opacity:0}.service-tabs button[aria-selected=true] .tab-arrow{opacity:1}.specimen{background:#e1dfd2;padding:28px 30px;height:220px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.specimen-small{font-size:14px;letter-spacing:7px}.specimen-big{font-family:'Russo One',sans-serif;font-size:clamp(48px,6vw,80px);letter-spacing:-4px;line-height:1.1}.specimen-bottom{margin-top:20px;font-size:9px;letter-spacing:2px}.service-detail h2{font-size:21px;letter-spacing:-.6px;font-weight:500;margin-top:28px}.service-detail p{color:#65645c;font-size:14px;line-height:1.7;margin-top:12px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:22px}.tags span{border:1px solid #ceccc2;padding:6px 10px;border-radius:20px;font-size:10px}.experience{background:#e9e5da}.experience-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;margin-top:36px}.experience h2{font-size:clamp(30px,3.6vw,48px);font-weight:500;letter-spacing:-2px;line-height:1.1}.experience p{font-size:14px;line-height:1.75;color:#5d5c55}.experience p+p{margin-top:16px}.experience-names{display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap;margin-top:60px;padding-top:30px;border-top:1px solid #d0ccbf;font-size:clamp(17px,2vw,25px);font-weight:700;letter-spacing:-.8px}.experience .credit-note{font-size:10px;margin-top:20px}.contact-row{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:32px}.contact h2{font-size:clamp(44px,6vw,78px);font-weight:500;line-height:1.05;letter-spacing:-3px}.contact h2 em{font-style:normal;color:#78776e}.circle-cta{border:1px solid #282821;border-radius:50%;width:124px;height:124px;flex-shrink:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font-size:14px}.circle-cta span{font-size:27px}.circle-cta:hover{background:var(--ink);color:var(--cream)}.contact>p{font-size:14px;margin-top:30px;color:#69685f}footer{width:90%;max-width:1296px;margin:auto;padding:38px 0 44px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px}.footer-word{font-family:'Russo One',sans-serif;font-size:25px;letter-spacing:-1px}dialog{width:min(540px,92%);padding:35px;border:0;border-radius:8px;background:var(--cream);color:var(--ink)}dialog::backdrop{background:#15151099;backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.dialog-head button{border:0;background:none;font-size:30px}dialog h2{font-size:38px;line-height:1.05;letter-spacing:-2px;margin:25px 0}dialog label{display:block;font-size:12px;margin-top:18px}input,textarea,select{display:block;width:100%;background:#fff9;border:1px solid #c8c4b8;border-radius:3px;padding:11px;margin-top:6px}textarea{resize:vertical}.solid-button{background:var(--ink);color:var(--cream);padding:13px 18px;border:0;margin-top:22px;border-radius:25px}.form-note,#brief-status{font-size:11px;line-height:1.5;margin-top:15px;color:#66645a}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.site-header{padding:20px 5%;align-items:flex-start}nav{gap:12px}nav>a{display:none}.hero{min-height:500px;padding-top:32px}.hero-kicker{font-size:8px;margin-bottom:45px}.logo-wrap{width:95%;padding:0 20px}.logo{transform:none}.logo span{font-size:clamp(58px,17vw,130px);-webkit-text-stroke:2px var(--ink)}.service-line{margin-top:35px}.hero-bottom{padding-top:50px}.hero-bottom>span{display:none}.floating-panel{width:94%}.section{padding:48px 7%}.intro-grid,.offering-layout,.experience-grid{grid-template-columns:1fr;gap:30px}h1{letter-spacing:-1.5px}.intro-copy p:first-child{font-size:20px}.section-heading{flex-direction:column;gap:12px}.offering-layout{margin-top:22px}.service-tabs button{padding:18px 0;font-size:23px}.specimen-big{font-size:65px}.experience-names{margin-top:35px;display:grid;grid-template-columns:1fr 1fr;gap:24px;font-size:20px}.contact-row{align-items:flex-end}.contact h2{letter-spacing:-2px;font-size:40px}.circle-cta{height:84px;width:84px;font-size:11px;gap:5px}.circle-cta span{font-size:22px}footer{flex-wrap:wrap;font-size:10px}footer>span:nth-child(2){display:none}.studio-label{font-size:11px}.studio-label span{font-size:9px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

.intro .intro-grid{margin-top:0}

.intro h1 .playful-line{color:var(--ink)}.playful{display:inline-flex}.intro h1 .playful>span:nth-child(5n+1){color:#0758f9}.intro h1 .playful>span:nth-child(5n+2){color:#e6192d}.intro h1 .playful>span:nth-child(5n+3){color:#00852b}.intro h1 .playful>span:nth-child(5n+4){color:#6430ed}.intro h1 .playful>span:nth-child(5n+5){color:#d94700}.logo-face{background:linear-gradient(180deg,#fffdf4 8%,#f4f0e6 55%,#ded7c5 84%,#fffdf5 91%,#e7e0cd 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}

.hero{padding-top:85px}.hero .logo-wrap{margin-top:25px}.logo-wrap{--logo-depth:var(--ink)}.logo span{-webkit-text-stroke-color:var(--logo-depth)}.logo-base{color:var(--logo-depth);text-shadow:0 -2px var(--logo-depth),0 -4px var(--logo-depth),0 -6px var(--logo-depth),0 -8px var(--logo-depth),0 -10px var(--logo-depth),0 -12px var(--logo-depth),0 -14px var(--logo-depth),0 -16px var(--logo-depth),0 -18px var(--logo-depth),0 -20px var(--logo-depth),0 -22px var(--logo-depth)}body.brown-trial .logo-wrap{--logo-depth:#593a29}@media(max-width:760px){.hero{padding-top:65px}}

.family-photo-study{padding:0 6% 55px}.family-photo-study[hidden]{display:none}.family-photo{position:relative}.family-photo img{width:100%;display:block;aspect-ratio:1.8;object-fit:cover}.family-photo-caption{background:var(--cream);position:absolute;bottom:0;left:0;padding:24px 30px 10px 0}.family-photo-caption>span{font-size:9px;letter-spacing:1.7px}.family-photo-caption h2{font-size:clamp(24px,3vw,40px);letter-spacing:-1.5px;font-weight:500;line-height:1.1;margin-top:10px}.photo-credit{font-size:9px;margin-top:12px;color:#777368}.photo-credit a{text-decoration:underline}@media(max-width:760px){.family-photo-study{padding:0 7% 40px}.family-photo img{aspect-ratio:1.2}.family-photo-caption{position:static;padding:20px 0 0}.photo-credit{font-size:10px}}

body.heavy-trial .logo span{font-family:"Dela Gothic One",sans-serif;font-size:clamp(60px,13.4vw,156px);letter-spacing:-.065em}.intro h1 .serious-line,.intro h1 .thinking-word,.intro h1 .eye-letter{color:var(--ink)}.thinking-word{position:relative;display:inline-block;white-space:nowrap}.thinking-glasses{display:none;position:absolute;inset:0;overflow:visible;pointer-events:none;width:100%;height:100%;stroke:var(--ink);fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.eye-letter{position:relative}body.glasses-trial .thinking-glasses{display:block}@media(max-width:760px){body.heavy-trial .logo span{font-size:clamp(51px,14.5vw,112px)}}

.hand-trial .logo-wrap{width:min(95%,910px);padding:0 20px}.hand-trial .logo{height:clamp(110px,21vw,228px);transform:none}.hand-trial .logo span{font-size:0;letter-spacing:0;line-height:0;-webkit-text-stroke:0}.hand-trial .logo span svg{width:100%;height:100%;display:block;overflow:visible}.hand-trial .logo-base{fill:var(--logo-depth);text-shadow:none}.hand-trial .logo-face{background:none;-webkit-text-fill-color:initial}.hand-trial .logo-base svg{fill:var(--logo-depth)}

.replay{border:0;background:none;color:#fff;font-size:11px;opacity:.75;margin-top:18px;padding:8px 12px}.replay:hover{opacity:1}

.model-trial .logo-wrap{position:relative;width:min(100%,1000px);height:clamp(190px,30vw,325px);padding:0;margin-top:0;touch-action:manipulation;cursor:pointer}.model-trial .logo-wrap>.logo{visibility:hidden;position:absolute;inset:0}.model-trial .logo-wrap>canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.model-trial .hero{padding-top:35px}.model-trial .service-line{margin-top:-60px;position:relative}.model-trial .logo-wrap:focus-visible{outline:2px solid #fff;outline-offset:5px}@media(max-width:760px){.model-trial .logo-wrap{height:235px}.model-trial .hero{padding-top:30px}}

@media(max-width:760px){.model-trial .service-line{margin-top:-55px}}

.family-backdrop .backdrop::after{content:"";position:absolute;inset:0;background:url("./assets/family-game-evening.png") center center/cover no-repeat;filter:grayscale(1);mix-blend-mode:soft-light;opacity:.6}.family-backdrop .backdrop{isolation:isolate}@media(max-width:760px){.family-backdrop .backdrop::after{background-position:65% center;opacity:.4}}

.site-header{justify-content:flex-end}

.selected-work{border-top:1px solid var(--line)}.selected-work>h2{font-size:clamp(36px,4vw,56px);line-height:1.05;letter-spacing:-2px;margin-top:28px}.work-intro{font-size:16px;line-height:1.6;max-width:530px;margin-top:22px;color:#62625a}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:38px}.work-image{aspect-ratio:1.42;overflow:hidden;border-radius:5px}.work-image img{width:100%;height:100%;object-fit:cover;display:block}.work-image.happy{background:#244e37}.work-image.happy img{object-fit:cover}.work-meta{font-size:10px;letter-spacing:1.1px;margin-top:23px;color:#66645a}.work-grid h3{font-size:26px;letter-spacing:-.8px;margin:10px 0}.work-grid p{font-size:14px;line-height:1.6}.work-grid a{display:inline-block;font-size:11px;margin-top:18px;text-decoration:underline;text-underline-offset:4px}.work-credit{font-size:10px;line-height:1.6;color:#77746c;margin-top:30px;max-width:730px}@media(max-width:760px){.work-grid{grid-template-columns:1fr;gap:38px}}

.work-image.moshi{background:#fafafa}.work-image.moshi img{object-fit:contain}.work-grid article:last-child:nth-child(odd){grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr;column-gap:32px;align-content:center}.work-grid article:last-child:nth-child(odd) .work-image{grid-row:1/6}.work-grid article:last-child:nth-child(odd) .work-meta{align-self:end}@media(max-width:760px){.work-grid article:last-child:nth-child(odd){display:block}}

.fullcolor-backdrop .backdrop::after{filter:none;mix-blend-mode:normal;opacity:1}.fullcolor-backdrop .backdrop::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#15110d70,#15110d25 55%,#15110d60);z-index:1;pointer-events:none}

.work-image.happy{background:#ffbc0d}.work-image.happy img{object-fit:contain;padding:25px}

.work-image.happy img{object-fit:cover;padding:0}





/* Selected family photography; website elements remain live above it. */
.fullcolor-backdrop .backdrop::after{background-image:url("./assets/family-game-evening.png");background-position:center center}.fullcolor-backdrop .backdrop::before{background:linear-gradient(180deg,#15110d30,#15110d08 60%,#15110d40)}
@media(max-width:760px){.family-backdrop .backdrop::after{background-image:url("./assets/family-game-evening-mobile.png");background-position:center top;background-size:100% auto;background-color:#5e4530;opacity:1}.fullcolor-backdrop .backdrop::before{background:linear-gradient(180deg,#15110d20,transparent 60%,#15110d30)}}
@media(min-width:761px){.model-trial .hero{padding-top:0;min-height:clamp(430px,calc(100svh - 260px),640px)}.hero-bottom{padding-top:16px;padding-bottom:20px}.intro.section{padding-top:28px}.fullcolor-backdrop .backdrop::after{background-position:center calc(50% - 45px)}}
@media(min-width:761px){.fullcolor-backdrop .backdrop::after{background-color:#5e4530}}