:root{--bg:#111112;--ink:#f5f3ef;--muted:#a7a5a8;--pink:#f5a6c7;--line:#333336;--yellow:#e8e88a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}img,video{max-width:100%;display:block}button,a,summary{-webkit-tap-highlight-color:transparent}.wrap{width:min(1320px,calc(100% - 80px));margin:auto}header{border-bottom:1px solid var(--line);background:var(--bg)}nav{min-height:100px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{font-weight:800;letter-spacing:-1px;font-size:24px}.brand span{color:var(--pink)}.navlinks{display:flex;gap:32px;font-size:15px}.navlinks a:hover,.textlink:hover{color:var(--pink)}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:13px;font-weight:600;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:400;line-height:1.02;letter-spacing:-.06em}h1{font-size:clamp(56px,7.9vw,112px)}h2{font-size:clamp(40px,5vw,70px)}h3{font-size:25px;line-height:1.25;letter-spacing:-.6px;font-weight:500}em{font-family:Georgia,'Times New Roman',serif;color:var(--pink);font-weight:400}p{max-width:680px}.muted{color:var(--muted)}.hero{padding:85px 0 75px;display:grid;grid-template-columns:1.1fr .9fr;gap:8%;align-items:center}.hero h1{margin:25px 0 30px}.hero p{max-width:465px;color:#c7c4c8;font-size:19px}.hero-visual{position:relative}.hero-visual img{width:100%;height:540px;object-fit:cover;object-position:center 35%;background:#ddd}.image-label{font-size:13px;display:flex;justify-content:space-between;margin-top:13px;color:var(--muted)}.pill{display:inline-flex;border:1px solid #666;align-items:center;gap:35px;padding:13px 23px;border-radius:999px;font-size:15px}.pill:hover{background:var(--pink);color:#111;border-color:var(--pink)}.hero .pill{margin-top:12px}.section{padding:80px 0;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:30px;margin-bottom:40px}.section-heading h2{margin:0}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px 28px}.project-card:first-child{grid-column:1/-1}.project-card img{width:100%;height:390px;object-fit:cover;transition:filter .25s}.project-card:first-child img{height:520px;object-position:center}.project-card:hover img{filter:brightness(1.1)}.project-info{display:flex;justify-content:space-between;gap:20px;margin-top:22px}.project-info h3{margin-bottom:5px}.project-info p{font-size:14px;color:var(--muted);margin:0}.project-num{color:var(--pink);font-size:15px}.about{display:grid;grid-template-columns:.75fr 1.25fr;gap:10%}.about h2{max-width:400px}.about .intro{font-size:25px;line-height:1.45;letter-spacing:-.5px}.experience{margin:32px 0}.experience div{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid var(--line);font-size:15px}.experience span{color:var(--muted)}.contact{padding:85px 0}.contact h2{font-size:clamp(48px,7vw,90px);max-width:900px}.contact a.email{font-size:clamp(18px,3vw,34px);border-bottom:1px solid var(--pink);padding-bottom:8px}.contact p{color:var(--muted);margin-top:30px}footer{border-top:1px solid var(--line);padding:24px 0;font-size:13px;color:var(--muted)}footer .wrap{display:flex;justify-content:space-between;gap:25px}.case-top{padding:60px 0 40px}.back{color:var(--muted);font-size:14px;display:inline-block;margin-bottom:42px}.back:hover{color:var(--pink)}.case-top h1{font-size:clamp(54px,8vw,105px);margin:20px 0 30px}.case-lead{font-size:22px;color:#c7c4c8;max-width:820px}.meta{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid var(--line);padding-top:28px;margin-top:35px;font-size:15px}.meta b{display:block;color:var(--muted);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px}.case-banner{width:100%;max-height:680px;object-fit:cover;background:#ddd}.story{display:grid;grid-template-columns:.75fr 1.25fr;gap:10%;padding:70px 0}.story h2{font-size:46px}.story p{color:#c7c4c8}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gallery.two{grid-template-columns:repeat(2,1fr)}.gallery img{width:100%;height:auto;background:#eee}.gallery.portraits img{aspect-ratio:2/3;object-fit:cover}.gallery.squares img{aspect-ratio:1;object-fit:contain}.caption{color:var(--muted);font-size:14px;margin:16px 0 0}.film{width:100%;background:#060607}.credit{color:#c7c4c8;font-size:14px;margin:18px 0 0}.feature{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.feature video{max-height:540px;margin:auto}.feature h2{font-size:52px}.feature p{color:#c7c4c8}.links{display:flex;gap:15px;flex-wrap:wrap;margin-top:30px}.case-section{padding:65px 0;border-top:1px solid var(--line)}.case-section h2{font-size:46px;margin-bottom:30px}.case-section h3{margin:45px 0 20px}.callout{padding:32px;background:#222225;border-left:3px solid var(--pink)}.callout p:last-child{margin-bottom:0}.next{padding:65px 0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line)}.next h2{margin:15px 0 0;font-size:40px}audio{width:100%;max-width:550px}.skip{position:absolute;top:-100px}.skip:focus{top:10px;background:#111;padding:12px;z-index:3}@media(max-width:850px){.wrap{width:calc(100% - 40px)}nav{min-height:80px}.navlinks{gap:18px;font-size:14px}.hero{padding:45px 0;gap:30px}.hero h1{font-size:65px}.hero-visual img{height:450px}.hero p{font-size:17px}.project-card:first-child img{height:350px}.project-card img{height:300px}.about,.story{gap:35px}.feature{gap:30px}.section{padding:55px 0}.meta{gap:15px}}@media(max-width:600px){.hero,.about,.story,.feature{grid-template-columns:1fr}.hero h1{font-size:67px}.hero-visual img{height:420px;object-position:center 38%}.navlinks{gap:14px}.brand{font-size:21px}.hero{padding-top:30px}.hero-visual{margin-top:10px}.project-grid{grid-template-columns:1fr;gap:34px}.project-card:first-child{grid-column:auto}.project-card:first-child img,.project-card img{height:270px}.section-heading{display:block}.section-heading .eyebrow{margin-top:20px}.gallery{grid-template-columns:repeat(2,1fr);gap:12px}.gallery.two{gap:12px}.gallery.single-mobile{grid-template-columns:1fr}.meta{grid-template-columns:1fr;font-size:15px;gap:20px}.case-lead{font-size:19px}.case-top{padding-top:35px}.back{margin-bottom:30px}.case-section,.story{padding:45px 0}.feature video{max-height:500px}.experience div{display:block}.experience span{display:block;margin-top:5px}.contact{padding:55px 0}footer .wrap{display:block}footer span{display:block;margin:5px 0}.next{gap:20px}.next h2{font-size:32px}.pill{gap:20px;padding:11px 18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.practice{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0}.practice span{padding:8px 13px;border:1px solid var(--line);font-size:14px;border-radius:3px}.hero h1{font-size:clamp(60px,7.7vw,108px);line-height:1.04}.hero-visual:before{content:'*';position:absolute;top:-60px;left:-44px;font-family:Georgia,serif;font-size:180px;line-height:1;color:var(--yellow);z-index:1;pointer-events:none}.project-card{display:block}.project-card img{border:1px solid #28282b}.project-card:nth-child(4) img{object-position:center}.project-card:nth-child(5) img{object-fit:cover}.project-card h3{transition:color .2s}.project-card:hover h3{color:var(--pink)}.reading-progress{height:2px;position:fixed;top:0;left:0;background:var(--pink);z-index:10;width:0;pointer-events:none}@media(prefers-reduced-motion:no-preference){.hero>div{animation:arrive .65s ease-out both}.hero>div+div{animation-delay:.1s}@keyframes arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}}@media(max-width:600px){.hero h1{font-size:clamp(53px,12vw,72px)}.hero-visual:before{font-size:125px;top:-30px;left:auto;right:-8px}.project-card:nth-child(5) img{object-fit:contain;background:#000}}
:root{--pink:#ff8fc4;--yellow:#edff86;--cobalt:#546bff;--lime:#cbff80}.hero .pill{background:var(--yellow);color:#151515;border-color:var(--yellow)}.hero .pill:hover{background:var(--pink);border-color:var(--pink)}.hero h1 em{text-decoration:underline;text-decoration-color:var(--cobalt);text-decoration-thickness:7px;text-underline-offset:15px}.hero-visual:before{color:var(--lime)}.hero-visual img{border-radius:2px 65px 2px 2px}.hero .eyebrow{color:var(--lime)}.project-num{background:var(--cobalt);color:white;padding:5px 13px;border-radius:30px;height:35px}.project-card:nth-child(2) .project-num{background:var(--pink);color:#111}.project-card:nth-child(3) .project-num{background:var(--yellow);color:#111}.project-card:nth-child(4) .project-num{background:var(--lime);color:#111}.project-card:nth-child(5) .project-num{background:#ff805e;color:#111}.project-card img{transition:filter .25s,transform .3s}.project-card:hover img{transform:translateY(-5px)}.section-heading .eyebrow{color:var(--pink)}.practice span:nth-child(2n){border-color:#5368dc;color:#b8c1ff}.practice span:nth-child(2n+1){border-color:#765565;color:#ffb3d8}.contact{background:var(--cobalt);padding:60px;border:0;margin-bottom:70px}.contact .eyebrow,.contact p{color:#eeedff}.contact h2 em{color:var(--yellow)}.contact a.email{border-color:var(--yellow)}.reading-progress{background:linear-gradient(90deg,var(--pink),var(--yellow),var(--cobalt))}.play-section{padding:40px;background:var(--lime);color:#161718;margin-top:10px;margin-bottom:80px}.play-intro{display:flex;justify-content:space-between;gap:35px;align-items:center}.play-intro h2{font-size:clamp(38px,4.7vw,64px);margin:16px 0 28px}.play-intro h2 em{color:#3147d5}.play-intro .eyebrow{color:#384824}.play-intro p{max-width:370px;margin:0 0 10px}.play-help{font-size:13px;line-height:1.5;color:#3d4a31}.play-stage{background:#161719;position:relative;overflow:hidden;border-radius:3px}.play-stage canvas{display:block;width:100%;height:330px;touch-action:pan-y;cursor:crosshair}.play-stage canvas:focus-visible{outline:3px solid var(--cobalt);outline-offset:-5px}.play-corner{position:absolute;bottom:15px;right:18px;font-size:11px;letter-spacing:2px;color:#93979b;pointer-events:none}.play-controls{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:18px}.play-controls>div{display:flex;gap:8px}.play-controls button{font:inherit;font-size:14px;cursor:pointer;border:1px solid #52613d;border-radius:30px;background:transparent;padding:9px 18px;color:#171917}.play-controls button[aria-pressed=true]{background:#151617;border-color:#151617;color:#fff}.play-controls button:hover{background:#fff8}.play-controls button[aria-pressed=true]:hover{background:#343537}.play-controls button:focus-visible{outline:3px solid var(--cobalt);outline-offset:3px}.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:600px){.play-section{padding:22px;margin-bottom:50px}.play-intro{display:block}.play-intro h2{margin-bottom:22px}.play-stage{margin-top:22px}.play-stage canvas{height:265px}.play-controls button{padding:8px 12px;font-size:13px}.contact{padding:32px 24px;margin-bottom:40px}.hero h1 em{text-underline-offset:9px;text-decoration-thickness:5px}.hero-visual img{border-top-right-radius:45px}}@media(prefers-reduced-motion:reduce){.project-card:hover img{transform:none}}
@media(max-width:600px){nav{gap:14px}.navlinks{gap:14px;font-size:12px}}
/* Personal editorial accents and a user-controlled art-direction switch. */
.hero{gap:6%;padding-top:65px}.hero h1{font-size:clamp(54px,6.7vw,96px)}.hero-visual:before{content:none}.hero-visual img{border-radius:3px;box-shadow:12px 12px 0 var(--cobalt)}.hero-visual{transform:rotate(2deg)}.direction-caption{padding-top:28px;transform:rotate(-2deg)}.direction-caption a{font-size:20px;border-bottom:1px solid var(--pink)}.direction-caption a:hover{color:var(--pink)}.direction-caption p{font-size:16px;margin:8px 0 4px;color:var(--ink)}.direction-caption span{font-size:13px;color:var(--muted)}.direction-picker{margin-top:30px}.direction-picker p{font-size:14px;color:var(--ink);margin-bottom:12px}.direction-buttons{display:flex;gap:8px;flex-wrap:wrap}.direction-buttons button{font:inherit;font-size:14px;padding:10px 16px;border:1px solid #777;border-radius:4px;background:transparent;color:var(--ink);cursor:pointer}.direction-buttons button:hover{border-color:var(--pink);color:var(--pink)}.direction-buttons button[aria-pressed=true]{background:var(--pink);border-color:var(--pink);color:#151515}.direction-buttons button:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}body[data-direction=identity]{--pink:#ffbc78;--cobalt:#7262dc;--yellow:#ffe299}body[data-direction=immersive]{--pink:#ff8bb7;--cobalt:#a63d67;--yellow:#edc9ff}.hero .eyebrow span{font-size:20px;letter-spacing:0}.about h2 em{color:var(--yellow)}@media(max-width:600px){.hero{padding-top:42px}.hero h1{font-size:clamp(46px,11vw,66px)}.hero-visual{transform:none;margin-right:8px}.direction-caption{transform:none}.hero-visual img{height:390px;box-shadow:8px 8px 0 var(--cobalt)}.direction-buttons button{min-height:44px}.hero .eyebrow{line-height:1.7}}