@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#fff;--ink:#111;--muted:#626262;--line:#dcdcdc;--soft:#f4f4f2;--page:clamp(22px,5.7vw,100px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}::selection{color:#fff;background:#111}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:6px}button:disabled{cursor:default}p{line-height:1.6}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}button{background:none;border:none}svg{display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;left:20px;top:-70px;z-index:20;padding:15px;background:#111;color:#fff}.skip:focus{top:12px}.mono,.eyebrow,.micro{font:14px/1.5 'Courier New',monospace;letter-spacing:.1em;text-transform:uppercase}.micro{font-size:14px;color:var(--muted)}.eyebrow{display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';width:6px;height:6px;background:currentColor}.italic{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic}.arrow{font-family:Arial,sans-serif;font-weight:400;line-height:1}.wrap{padding-inline:var(--page)}.section{padding:118px var(--page);scroll-margin-top:24px}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:66px}.section-top .mono{color:var(--muted)}.divider{border-top:1px solid var(--line)}
.header{height:92px;display:flex;align-items:center;justify-content:space-between;padding-inline:var(--page);border-bottom:1px solid var(--line);background:white;position:relative;z-index:10}.brand{display:flex;gap:15px;align-items:center}.monogram{font-family:'Manrope',Arial,sans-serif;font-weight:800;letter-spacing:-5px;font-size:34.5px;padding-right:5px}.brand-name{font-size:14px;line-height:1.3;font-weight:550;border-left:1px solid var(--line);padding-left:15px}.nav{display:flex;gap:30px;align-items:center;font-size:14px}.nav a:not(.contact-link){position:relative;padding-block:8px}.nav a:not(.contact-link):after{content:'';position:absolute;bottom:2px;left:0;width:0;height:1px;background:#111;transition:width .25s}.nav a:hover:after{width:100%}.contact-link{display:flex;gap:25px;align-items:center;border:1px solid #111;border-radius:99px;padding:12px 20px}.contact-link:hover{background:#111;color:#fff}.menu-toggle{display:none}.progress{position:fixed;top:0;left:0;height:3px;transform-origin:left;width:100%;transform:scaleX(0);background:#111;z-index:30}
.hero{min-height:calc(100svh - 92px);max-height:1100px;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:44px var(--page) 31px;overflow:hidden}.hero-meta{display:flex;justify-content:space-between}.hero-body{position:relative;margin:68px 0 62px;z-index:1}.hero h1{font-family:'Manrope',Arial,sans-serif;font-weight:500;letter-spacing:-.065em;font-size:clamp(55.2px,7.475vw,119.6px);line-height:1.15;max-width:1000px}.hero .name{display:block;font-size:clamp(115px,19.78vw,304.75px);line-height:.98;letter-spacing:-.09em;padding:10px 0 20px;margin-left:-.025em;min-height:1.1em}.caret{display:inline-block;vertical-align:baseline;width:.035em;height:.7em;background:currentColor;margin-left:.07em;animation:blink 1.1s step-end infinite}.hero-bottom{display:grid;grid-template-columns:1fr 1fr auto;gap:35px;align-items:end;border-top:1px solid var(--line);padding-top:28px}.hero-intro{font-size:17.25px;line-height:1.55;max-width:340px}.hero-focus{font-size:14px;line-height:1.8;color:var(--muted)}.scroll-link{display:flex;gap:20px;align-items:center;font-size:14px}.round-arrow{display:grid;place-items:center;border:1px solid var(--line);width:47px;height:47px;border-radius:50%;font-size:25.3px;transition:background .3s,color .3s}.scroll-link:hover .round-arrow{background:#111;color:#fff}.orbit{position:absolute;right:3%;top:5%;width:190px;aspect-ratio:1;z-index:-1;color:#bcbcbc;transform:rotate(-20deg)}.orbit-ring{position:absolute;inset:12%;border:1px solid currentColor;border-radius:50%;transform:rotateX(55deg);animation:orbit 15s linear infinite}.orbit-ring:nth-child(2){transform:rotateY(55deg);animation-direction:reverse}.orbit-core{position:absolute;inset:43%;background:#111;border-radius:50%}.orbit-label{position:absolute;bottom:0;right:15%;font-size:14px;letter-spacing:.14em;color:#777}.star{font-size:80.5px;font-family:Georgia;display:inline-block;line-height:1}.marquee{overflow:hidden;border-top:1px solid #111;border-bottom:1px solid #111;padding-block:18px;background:#111;color:#fff}.marquee-track{display:flex;width:max-content;gap:42px;animation:marquee 35s linear infinite;font:14px 'Courier New',monospace;letter-spacing:.18em}.marquee-track span{display:flex;gap:42px;align-items:center}.marquee-track b{font-size:20.7px;font-weight:400}.marquee:hover .marquee-track{animation-play-state:paused}
.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:8vw;align-items:center}.video-placeholder{aspect-ratio:4/4.3;background:#e9e9e6;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:2px}.video-placeholder:before{content:'';position:absolute;inset:25px;border:1px solid #c2c2bf}.video-placeholder:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 48% 50%,#fff8,transparent 65%);pointer-events:none}.video-glyph{font-family:Georgia,serif;font-style:italic;font-size:218.5px;letter-spacing:-30px;color:#c1c1bd;transform:rotate(-7deg);margin-left:-20px}.video-note{position:absolute;bottom:43px;left:42px;right:42px;display:flex;justify-content:space-between;align-items:center;z-index:1}.play-placeholder{width:47px;height:47px;border-radius:50%;border:1px solid #777;display:grid;place-items:center;font-size:16.1px}.video-corner{position:absolute;top:42px;left:42px;color:#555;z-index:1}.about-text h2{font-size:clamp(39.1px,4.6vw,71.3px);line-height:1.08;letter-spacing:-.055em;font-weight:500;margin-bottom:26px}.about-text>p{font-size:17.25px;max-width:465px;color:#5a5a5a}.facts{margin:35px 0 30px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.fact .value{font-size:16.1px;margin-top:7px}.education{font-size:14px;line-height:1.7;color:#626262;padding-top:20px;border-top:1px solid var(--line)}.education strong{font-weight:500;color:#111}.text-link{display:inline-flex;gap:24px;align-items:center;border-bottom:1px solid #111;padding-bottom:7px;font-size:14px;margin-top:28px}
.headline-row{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:57px}.headline-row h2{font-size:clamp(52.9px,6.555vw,97.75px);font-weight:500;line-height:1.03;letter-spacing:-.065em}.headline-row p{color:#626262;font-size:16.1px;max-width:285px}.work-list{border-top:1px solid #111}.work-row{display:grid;grid-template-columns:45px 1fr 230px 36px;align-items:center;gap:25px;padding:33px 0;border-bottom:1px solid var(--line);transition:padding .35s,background .35s}.work-row:hover{padding-left:20px;padding-right:20px;background:var(--soft)}.work-number{align-self:start;padding-top:9px;color:#777}.work-name{font-size:clamp(32.2px,4.025vw,57.5px);letter-spacing:-.05em;font-weight:500}.work-desc{font-size:14px;color:#777;margin-top:7px}.work-dates{font-size:14px;text-align:right;color:#626262}.work-row .arrow{font-size:33.35px;text-align:right;transition:transform .3s}.work-row:hover .arrow{transform:rotate(45deg)}.work-foot{display:flex;justify-content:space-between;margin-top:22px;gap:20px;font-size:14px;color:#777}
.ai{background:#111;color:#fff;position:relative;overflow:hidden}.ai .section-top .mono{color:#999}.ai h2{font-size:clamp(56.35px,7.705vw,118.45px);font-weight:400;line-height:1.02;letter-spacing:-.06em;max-width:940px}.ai h2 .italic{color:#b9b9b5}.ai-lead{display:flex;gap:50px;justify-content:space-between;align-items:end;margin-top:38px}.ai-lead p{max-width:480px;color:#b7b7b7;font-size:17.25px}.outline-tag{font:14px 'Courier New',monospace;letter-spacing:.08em;border:1px solid #555;padding:10px 14px;border-radius:50px;display:inline-block}.system{margin:62px 0 58px;border:1px solid #383838;padding:30px;position:relative;background:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:22px 22px}.system-header{display:flex;justify-content:space-between;color:#999;font-size:14px}.system-flow{display:flex;align-items:center;justify-content:center;gap:0;padding:44px 0}.system-node{border:1px solid #575757;background:#191919;padding:23px 25px;font-size:14px;min-width:150px;text-align:center}.system-node strong{font-weight:500}.system-node small{display:block;color:#929292;font:14px 'Courier New',monospace;margin-top:9px}.system-node.primary{background:#e8e8e3;color:#111}.system-node.primary small{color:#555}.connector{height:1px;background:#555;width:8%;position:relative;overflow:hidden}.connector:after{content:'';position:absolute;left:-20%;top:0;height:1px;width:20%;background:white;animation:flow 2.5s linear 3}.system-foot{color:#909090;font-size:14px}.ai-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.ai-card{border-top:1px solid #555;padding-top:22px;display:flex;flex-direction:column}.ai-card .mono{color:#888;display:flex;justify-content:space-between}.ai-card h3{font-size:28.75px;letter-spacing:-.04em;font-weight:400;margin-top:26px}.ai-card p{font-size:14px;line-height:1.7;color:#aaa;margin:13px 0 25px;max-width:310px}.ai-card .text-link{border-color:#888;color:#fff;margin-top:auto;align-self:start}.ai-card:hover .arrow{transform:translate(3px,-3px)}
.life{background:#f5f5f2}.life-tabs{display:flex;gap:8px;margin:0 0 30px}.life-tabs button{font-size:14px;padding:11px 20px;border-radius:30px;border:1px solid #bbb}.life-tabs button[aria-selected=true]{background:#111;color:#fff;border-color:#111}.gallery{display:grid;grid-template-columns:1.25fr 1fr;gap:24px}.gallery[hidden]{display:none}.photo-frame{aspect-ratio:1.15;background:#e2e2de;position:relative;overflow:hidden}.photo-frame:nth-child(2){margin-top:74px;aspect-ratio:1.05;background:#dadad5}.placeholder-art{position:absolute;inset:0;display:grid;place-items:center;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.photo-frame:hover .placeholder-art{transform:scale(1.04)}.photo-frame .micro{position:absolute;top:24px;left:25px;color:#4b4b4b}.photo-frame .photo-index{position:absolute;right:25px;top:21px;font:14px 'Courier New',monospace}.photo-caption{position:absolute;bottom:24px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:end}.photo-caption span{font-family:Georgia,serif;font-style:italic;font-size:46px;letter-spacing:-.04em}.photo-caption small{font:14px 'Courier New',monospace;letter-spacing:.08em;text-transform:uppercase}.landscape-lines{width:90%;height:65%;opacity:.55}.gallery-note{font-size:14px;color:#777;margin-top:25px}.social-slot{margin-top:25px;padding:19px 22px;border:1px dashed #bbb;display:flex;justify-content:space-between;gap:20px;color:#626262;font-size:14px}.social-slot span:last-child{font-family:'Courier New',monospace;font-size:14px}
.contact{padding-bottom:30px}.contact-title{font-size:clamp(69px,12.19vw,184px);font-weight:500;line-height:.98;letter-spacing:-.07em;max-width:1050px}.contact-title .italic{display:inline-block}.contact-links{display:flex;justify-content:space-between;gap:40px;align-items:end;margin:60px 0 100px}.email-link{font-size:clamp(20.7px,3.105vw,43.7px);letter-spacing:-.04em;border-bottom:1px solid #111;padding-bottom:12px}.download{display:inline-flex;align-items:center;justify-content:center;gap:35px;background:#111;color:white;padding:21px 28px;border-radius:50px;font-size:14.95px;transition:transform .25s}.download:hover{transform:translateY(-4px)}.contact-other{display:flex;gap:25px;font-size:14px;margin-top:22px}.footer{border-top:1px solid var(--line);padding-top:25px;display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#666;gap:20px}.footer-right{display:flex;gap:24px;align-items:center}.motion-toggle{padding:8px 0;font-size:14px;text-decoration:underline;text-underline-offset:3px}.draft-label{font:14px 'Courier New',monospace;letter-spacing:.08em;color:#777}
.detail-hero{padding:65px var(--page) 80px}.back-link{font-size:14px;display:inline-flex;gap:20px;margin-bottom:75px}.detail-kicker{display:flex;justify-content:space-between;gap:30px;margin-bottom:24px}.detail-hero h1{font-size:clamp(73.6px,12.075vw,184px);letter-spacing:-.07em;font-weight:500;line-height:1.03}.detail-intro{font-size:clamp(25.3px,3.45vw,49.45px);line-height:1.25;letter-spacing:-.035em;max-width:880px;margin-top:38px}.detail-meta{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px;border-top:1px solid #111;padding-top:25px;margin-top:60px}.detail-meta p{font-size:14.95px;margin-top:10px}.detail-body{display:grid;grid-template-columns:1fr 2fr;gap:60px}.detail-body h2{font-size:34.5px;font-weight:500;letter-spacing:-.04em}.detail-body .body-copy{font-size:21.85px;line-height:1.6;max-width:780px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:45px 0}.metric{border-top:1px solid var(--line);padding-top:20px}.metric strong{font-size:clamp(51.75px,5.75vw,86.25px);font-weight:400;letter-spacing:-.06em}.metric span{display:block;font-size:14px;color:#666;margin-top:7px}.body-list{padding:0;list-style:none;margin:35px 0 0}.body-list li{border-top:1px solid var(--line);padding:20px 0;font-size:16.1px;line-height:1.65}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.tags span{border:1px solid #bbb;border-radius:40px;padding:9px 13px;font-size:14px}.project-media{min-height:320px;background:#eaeae6;padding:35px;margin-top:60px;display:flex;flex-direction:column;justify-content:space-between}.project-media b{font:italic 73.6px Georgia,serif;color:#adada6;font-weight:400;align-self:center;padding:40px 0}.source-note{font-size:14px;color:#777;line-height:1.6;margin-top:25px}.next-case{background:#111;color:#fff;padding:60px var(--page);display:flex;justify-content:space-between;align-items:center;gap:40px}.next-case>div{min-width:0}.next-case h2{overflow-wrap:anywhere;font-weight:400;font-size:clamp(36.8px,5.75vw,80.5px);letter-spacing:-.05em;margin-top:18px}.next-case>.arrow{font-size:80.5px}.ai-detail{background:#111;color:#fff}.ai-detail h1{font-size:clamp(55.2px,9.2vw,143.75px)}.ai-detail .detail-meta{border-color:#555}.ai-detail .micro,.ai-detail .mono{color:#aaa}.draft-note{background:#f0f0ec;padding:22px 28px;font-size:14.95px;line-height:1.6;border-left:2px solid #111;margin-bottom:40px}.case-outline{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}.outline-block{min-height:190px;border:1px solid #ddd;padding:26px}.outline-block h3{font-size:23px;font-weight:500;margin:26px 0 12px}.outline-block p{font-size:14px;color:#777}
body.ready .reveal{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.75,.25,1)}body.ready .reveal.visible{opacity:1;transform:none}body.motion-off *,body.motion-off *:before,body.motion-off *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}body.motion-off .reveal{opacity:1!important;transform:none!important}@keyframes blink{0%,48%{opacity:1}49%,100%{opacity:0}}@keyframes orbit{to{rotate:360deg}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes flow{to{left:120%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}body.ready .reveal{opacity:1;transform:none}}
@media(min-width:1600px){.hero{min-height:900px}.section{padding-top:140px;padding-bottom:140px}}
@media(max-width:1000px){.nav{gap:20px}.brand-name{display:none}.hero h1{font-size:9.2vw}.hero .name{font-size:25.3vw}.orbit{right:1%;width:145px}.hero-bottom{grid-template-columns:1fr auto}.hero-focus{display:none}.about-grid{gap:45px}.section{padding-block:85px}.work-row{grid-template-columns:35px 1fr 150px 28px;gap:20px}.system{padding:23px}.system-node{min-width:110px;padding:20px 12px}.ai-cards{gap:25px}.contact-links{align-items:start;flex-direction:column}.detail-body{grid-template-columns:1fr 2fr;gap:35px}}
@media(max-width:640px){.header{height:75px}.nav{display:none;position:absolute;left:0;right:0;top:75px;background:#fff;padding:24px var(--page);border-bottom:1px solid #ddd;flex-direction:column;align-items:stretch;gap:14px}.nav.open{display:flex}.nav a{font-size:19.55px}.contact-link{justify-content:space-between}.menu-toggle{display:block;font-size:14px;padding:10px 0}.brand-name{display:block}.hero{min-height:calc(100svh - 75px);padding-top:30px;max-height:none}.hero-meta .micro:last-child{display:none}.hero-body{margin:85px 0 75px}.hero h1{font-size:13.8vw;max-width:100%;line-height:1.15}.hero .name{font-size:31.05vw;padding-top:23px;letter-spacing:-.08em}.orbit{top:-105px;width:90px;right:2%}.orbit-label{font-size:14px;bottom:-4px}.hero-intro{font-size:14.95px;max-width:215px}.hero-bottom{gap:14px;align-items:end;padding-top:20px}.scroll-link>span:first-child{display:none}.round-arrow{width:42px;height:42px}.section{padding-block:67px}.section-top{margin-bottom:36px;align-items:start;gap:20px}.section-top .mono{font-size:14px}.eyebrow{font-size:14px}.about-grid{grid-template-columns:1fr;gap:37px}.video-placeholder{aspect-ratio:1.13}.video-glyph{font-size:184px}.about-text h2{font-size:48.3px}.about-text>p{font-size:16.1px}.headline-row{display:block;margin-bottom:35px}.headline-row h2{font-size:58.65px}.headline-row p{font-size:14.95px;margin-top:24px}.work-row{grid-template-columns:23px 1fr 20px;gap:12px;padding:25px 0}.work-row:hover{padding-left:8px;padding-right:8px}.work-dates{display:none}.work-name{font-size:36.8px}.work-desc{font-size:14px}.work-number{font-size:14px}.work-row .arrow{font-size:28.75px}.work-foot{font-size:14px;line-height:1.5}.ai h2{font-size:58.65px}.ai-lead{align-items:start;flex-direction:column;gap:22px;margin-top:28px}.ai-lead p{font-size:14.95px}.system{margin:38px 0;padding:20px}.system-header{font-size:14px}.system-header span:last-child{display:none}.system-flow{display:grid;grid-template-columns:1fr;justify-items:center;padding:30px 0}.system-node{min-width:100%;padding:17px}.connector{width:1px;height:23px}.connector:after{display:none}.system-foot{font-size:14px;line-height:1.5}.ai-cards{grid-template-columns:1fr;gap:36px}.ai-card h3{margin-top:17px;font-size:32.2px}.ai-card p{max-width:none}.ai-card .text-link{margin-top:0}.gallery{grid-template-columns:1fr;gap:18px}.photo-frame:nth-child(2){margin-top:0;aspect-ratio:1.15}.photo-caption span{font-size:41.4px}.social-slot{flex-direction:column;gap:10px}.contact-title{font-size:71.3px}.contact-links{margin:36px 0 65px;gap:35px}.email-link{font-size:25.3px}.download{font-size:14px;padding:18px 25px}.contact-other{flex-wrap:wrap;gap:20px}.footer{align-items:start;flex-direction:column;font-size:14px}.footer-right{width:100%;justify-content:space-between}.detail-hero{padding-top:35px;padding-bottom:55px}.back-link{margin-bottom:50px}.detail-kicker{display:block}.detail-kicker .mono{margin-top:14px;display:block}.detail-hero h1{font-size:19.55vw}.detail-hero.ai-detail h1{font-size:clamp(39.1px,13.8vw,55.2px)}.detail-intro{font-size:31.05px}.detail-meta{grid-template-columns:1fr;gap:22px;margin-top:40px}.detail-meta p{margin-top:6px}.detail-body{display:block}.detail-body h2{margin-bottom:25px}.detail-body .body-copy{font-size:19.55px}.metrics{gap:20px}.metric strong{font-size:56.35px}.metric span{font-size:14px}.project-media{min-height:270px;margin-top:40px;padding:24px}.project-media b{font-size:46px}.case-outline{grid-template-columns:1fr}.next-case{padding-block:45px}.next-case>.arrow{font-size:48.3px}}

/* First material round: chapter deck inspired by Tteavibe's reversible reveal. */
.role-focus{max-width:360px}.focus-tags{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0 10px}.focus-tags span{border:1px solid #ccc;border-radius:30px;padding:6px 10px;color:#111;font:14px/1.2 'DM Sans',sans-serif}.role-focus p{font-size:14px;line-height:1.6}.work-story{padding-bottom:80px;background:#f5f5f2}.work-story .headline-row{margin-bottom:34px}.chapter-index{display:flex;gap:28px;flex-wrap:wrap;margin-bottom:44px;padding:18px 0;border-top:1px solid #ccc}.chapter-index a{font-size:14px}.chapter-index a span{color:#888;margin-right:8px}.chapter-index a:hover{text-decoration:underline}.chapter-deck{position:relative}.chapter-card{position:sticky;top:24px;display:grid;grid-template-columns:1fr 1.12fr;min-height:680px;height:calc(100svh - 48px);max-height:840px;background:#fff;border:1px solid #deded8;border-radius:5px;overflow:hidden;margin-bottom:12vh;box-shadow:0 -12px 40px #00000005;scroll-margin-top:24px}.chapter-card:last-child{margin-bottom:0}.chapter-copy{padding:clamp(25px,3.4vw,60px);display:flex;flex-direction:column;align-items:start}.chapter-brand{width:100%;display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:auto}.company-logo{object-fit:contain;object-position:center;width:160px;height:44px}.chapter-category{margin-top:30px;color:#777;font-size:14px}.chapter-copy h3{font-size:clamp(36.8px,3.68vw,66.7px);font-weight:500;line-height:1.08;letter-spacing:-.055em;margin:22px 0 18px}.chapter-summary{font-size:14.95px;color:#666;max-width:290px}.chapter-metrics{display:flex;gap:35px;margin:32px 0}.chapter-metrics div{flex:1}.chapter-metrics strong{display:block;font:400 clamp(34.5px,3.68vw,58.65px)/1.2 'Manrope',sans-serif;letter-spacing:-.05em}.chapter-metrics span{display:block;font-size:14px;color:#777;line-height:1.5;margin-top:5px;max-width:135px}.chapter-link{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:20px;border-top:1px solid #ddd;font-size:17.25px}.chapter-link small{display:block;font-size:14px;margin-top:6px;color:#777}.circle-link{border:1px solid #ccc;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font-size:25.3px;transition:.3s}.chapter-link:hover .circle-link{background:#111;color:#fff;transform:rotate(45deg)}.chapter-art{position:relative;overflow:hidden;min-height:400px;background:#e7e6e1}.photo-art>img{width:100%;height:100%;object-fit:cover;transform:scale(var(--art-scale,1));will-change:transform}.art-caption{position:absolute;bottom:24px;left:24px;right:24px;font:14px/1.5 'Courier New',monospace;letter-spacing:.1em;text-transform:uppercase;z-index:3}.photo-art:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#0008)}.photo-art .art-caption{color:white}.yola-art{background:#e9e8e2;display:flex;flex-direction:column;justify-content:center;padding:36px;gap:30px}.scene-top{position:absolute;top:34px;left:36px;color:#777;font-size:14px}.yola-art .scene-word{font:400 clamp(69px,6.9vw,115px)/.93 Georgia,serif;letter-spacing:-.065em;transform:rotate(-5deg)}.commerce-path{display:flex;flex-direction:column;align-items:flex-end;gap:8px;position:relative;margin:20px 10px 60px}.commerce-path span{padding:11px 20px;border:1px solid #bbbcb3;border-radius:50px;font-size:14px}.commerce-path b{font-weight:400;font-size:23px;margin-right:50px}.masobu-art{background:#eeeae5;isolation:isolate}.masobu-art .scene-word{position:absolute;top:22%;left:6%;font:italic 172.5px/1 Georgia,serif;letter-spacing:-.08em;color:#d2c8bd;z-index:-1}.scene-orbit{position:absolute;width:80%;aspect-ratio:1;border:1px solid #c3bcb4;top:8%;left:10%;border-radius:50%}.mascot{position:absolute;object-fit:contain;height:83%;width:auto;max-width:60%;bottom:-10%;filter:drop-shadow(0 22px 16px #0001);transform:translateY(var(--mascot-shift,0px));will-change:transform}.mascot-a{left:0;z-index:2}.mascot-b{right:-2%;height:69%;bottom:0;z-index:1}.masobu-art .art-caption{top:25px;bottom:auto;color:#6b635c}.detail-brand-line{margin:10px 0 35px}.detail-brand-line .company-logo{width:220px;height:56px;object-position:left}.case-gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:52px}.case-gallery figure{margin:0}.case-gallery img{width:100%;height:390px;object-fit:contain;background:#f2f2ee;transition:transform .45s}.case-gallery a{display:block;overflow:hidden}.case-gallery a:hover img{transform:scale(1.025)}figcaption{font-size:14px;color:#777;line-height:1.5;margin-top:12px}.case-video{margin:40px 0}.case-video video{width:100%;max-height:600px;background:#111}.detail-body .chapter-art{height:560px;margin-top:48px;border-radius:4px}.case-process{margin-top:56px}.case-process>p{color:#666;font-size:17.25px;line-height:1.8;margin:22px 0}.case-process h2{margin-top:25px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.process-grid article{padding:22px 0;border-top:1px solid #aaa}.process-grid span{font:14px monospace;color:#777}.process-grid h3{font-size:23px;letter-spacing:-.03em;margin:15px 0}.process-grid p{font-size:14px;color:#777}.motion-off .chapter-card{position:relative;top:0}.motion-off .photo-art>img,.motion-off .mascot{transform:none!important}
@media(min-width:1500px){.chapter-card{grid-template-columns:1fr 1.3fr}.chapter-copy h3{font-size:66.7px}}
@media(max-width:1000px){.chapter-card{min-height:620px;max-height:780px;grid-template-columns:1fr 1fr}.chapter-copy{padding:27px}.chapter-copy h3{font-size:40.25px}.chapter-metrics{gap:16px}.company-logo{width:130px;height:37px}.chapter-index{gap:15px}.masobu-art .scene-word{font-size:126.5px}}
@media(max-width:700px){.role-focus{display:none}.work-story{padding-inline:20px}.chapter-index{display:grid;grid-template-columns:1fr 1fr;gap:14px}.chapter-card{position:relative;top:auto;min-height:0;max-height:none;height:auto;display:flex;flex-direction:column;margin-bottom:28px;border-radius:4px;scroll-margin-top:20px}.chapter-art{order:-1;height:330px;min-height:0}.chapter-copy{padding:26px}.chapter-brand{margin:0 0 26px}.chapter-category{margin:0;font-size:14px}.chapter-copy h3{font-size:39.1px;margin-block:16px}.chapter-summary{max-width:none}.chapter-metrics{margin:24px 0;gap:25px}.chapter-metrics strong{font-size:40.25px}.chapter-link{padding-top:18px}.masobu-art .scene-word{font-size:115px;top:28%}.mascot{height:100%;bottom:-12%;max-width:60%}.mascot-b{height:85%;bottom:-4%}.yola-art{padding:26px}.yola-art .scene-word{font-size:65.55px;margin-top:28px}.yola-art .scene-top{top:20px;left:26px;font-size:14px}.yola-art .art-caption{display:none}.commerce-path{position:absolute;right:12px;bottom:5px;margin:0;gap:4px}.commerce-path span{font-size:14px;padding:7px 12px}.commerce-path b{font-size:16.1px;margin-right:20px}.scene-orbit{width:70%;top:8%;left:15%}.case-gallery{grid-template-columns:1fr;gap:30px}.case-gallery img{height:auto;max-height:620px;object-fit:contain}.detail-body .chapter-art{height:380px}.process-grid{grid-template-columns:1fr;gap:8px}.detail-brand-line{margin:0 0 26px}.chapter-index a{font-size:14px}}
@media(prefers-reduced-motion:reduce){.chapter-card{position:relative;top:0}.photo-art>img,.mascot{transform:none!important}}
html:has(.portfolio-home){scroll-padding-top:0}.chapter-card{min-height:560px}@media(max-width:700px){.chapter-card{min-height:0}}
.company-logo[src*="wookoo-logo"],.company-logo[src*="bytedance-logo"]{background:#111;padding:10px;border-radius:2px;height:56px}.chapter-brand .company-logo[src*="bytedance-logo"]{width:175px}.detail-brand-line .company-logo[src*="wookoo-logo"],.detail-brand-line .company-logo[src*="bytedance-logo"]{padding:14px;object-position:center}

/* Company-specific material layouts: preserve original image proportions. */
.materials{padding-top:70px;padding-bottom:90px}.material-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:40px;margin-bottom:48px}.material-heading h2{font-size:clamp(34.5px,4.6vw,66.7px);font-weight:500;line-height:1.08;letter-spacing:-.05em;max-width:650px}.material-heading h2 i{font-family:Georgia,serif;font-weight:400}.material-image{margin:0;min-width:0}.material-image a{display:block}.material-image img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}.material-image figcaption,.material-video figcaption{font:14px/1.6 'DM Sans',sans-serif;color:#777;margin-top:13px}.material-wide{width:100%}.material-row{display:grid;gap:50px;align-items:start;margin-top:65px}.sailvan-activation{grid-template-columns:1.75fr 1fr}.sailvan-activation>.material-portrait{padding-top:70px}.material-note{padding:15px 0 35px;max-width:540px}.material-note h2{font-weight:400;font-size:clamp(34.5px,3.795vw,55.2px);line-height:1.1;letter-spacing:-.05em;margin:24px 0}.material-note p{font-size:16.1px;line-height:1.8;color:#777;max-width:430px}.discovery-row{grid-template-columns:1fr 1.6fr;align-items:center;padding:60px;background:#f4f4ef;gap:80px}.material-phone{width:100%;max-width:300px;justify-self:center}.material-phone img{border:1px solid #ddd;border-radius:16px}.wookoo-studio{grid-template-columns:1fr 1fr;gap:7vw}.wookoo-studio figure:nth-child(2){padding-top:110px}.live-row{grid-template-columns:1.7fr 1fr;align-items:center;background:#f4f4ef;padding:55px 65px}.dashboard-panel{margin-top:80px}.dashboard-panel .material-note{max-width:none}.bytedance-event{grid-template-columns:1fr 1.15fr;gap:65px}.bytedance-event>div{padding-top:70px}.bytedance-event .material-note{padding-top:40px}.video-heading{margin-top:80px}.event-motion{grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-top:35px}.material-video{margin:0;min-width:0}.material-video video{display:block;width:100%;height:auto;max-height:740px;background:#111;object-fit:contain}.materials-jump{display:inline-flex;align-items:center;gap:50px;border-bottom:1px solid #111;font-size:14px;padding:18px 0 12px;margin-top:25px}.materials-jump span{font-size:25.3px}.masobu-title-stage{position:relative;display:flex;align-items:center;min-height:350px;isolation:isolate}.masobu-title-stage>div{position:relative;z-index:1}.masobu-title-stage .eyebrow{color:#999;display:block;margin-bottom:25px}.masobu-title-stage h1{font-size:clamp(80.5px,13.8vw,195.5px)}.title-mascot{position:absolute;right:8%;bottom:-28px;width:235px;height:auto;pointer-events:none;z-index:0}.case-masobu .detail-intro{max-width:720px}.case-masobu .detail-body{grid-template-columns:1fr 2fr}.masobu-process{position:relative;isolation:isolate;margin-top:75px;border-top:1px solid #ccc;padding-top:40px}.masobu-process-intro{padding-right:215px;min-height:330px}.masobu-process-intro h2{font-size:43.7px;margin:25px 0 20px;line-height:1.1}.masobu-process-intro>p{font-size:17.25px;line-height:1.8;color:#666}.process-mascot{position:absolute;width:190px;height:auto;right:-20px;top:25px;pointer-events:none}.masobu-process .process-grid{position:relative;grid-template-columns:1fr;gap:0;margin-top:30px}.masobu-process .process-grid article{display:grid;grid-template-columns:90px 1fr;column-gap:20px}.masobu-process .process-grid h3{margin:0 0 14px}.masobu-process .process-grid p{grid-column:2}.masobu-process .source-note{position:relative}
@media(max-width:900px){.material-row{gap:28px}.material-heading{display:block}.material-heading h2{margin-top:28px}.discovery-row,.live-row{padding:35px;gap:35px}.title-mascot{right:0;width:195px}.masobu-title-stage{min-height:310px}.case-masobu .detail-intro{max-width:600px}}
@media(max-width:600px){.materials{padding-top:45px;padding-bottom:55px}.material-heading{margin-bottom:30px}.material-heading h2{font-size:40.25px}.material-row{grid-template-columns:1fr;gap:30px;margin-top:38px}.sailvan-activation>.material-portrait,.wookoo-studio figure:nth-child(2),.bytedance-event>div{padding-top:0}.material-portrait{max-width:340px;margin-inline:auto}.material-phone{max-width:260px}.material-note{padding:12px 0 10px}.material-note h2{font-size:36.8px}.discovery-row,.live-row{padding:28px 20px}.discovery-row .material-note{order:-1}.wookoo-studio{gap:36px}.video-heading,.dashboard-panel{margin-top:50px}.event-motion{gap:36px}.material-video video{max-height:620px}.masobu-title-stage{min-height:260px;align-items:start;padding-top:35px}.masobu-title-stage .eyebrow{font-size:14px;letter-spacing:0;margin-bottom:20px;max-width:190px}.masobu-title-stage h1{font-size:74.75px}.title-mascot{width:133px;right:-10px;bottom:-3px}.case-masobu .detail-intro{margin-top:25px}.case-masobu .detail-body{grid-template-columns:1fr}.masobu-process-intro{padding-right:110px;min-height:320px}.masobu-process-intro h2{font-size:33.35px}.masobu-process-intro>p{font-size:14.95px}.process-mascot{width:115px;right:-14px;top:85px}.masobu-process .process-grid article{grid-template-columns:70px 1fr;gap:15px}.masobu-process .process-grid h3{font-size:23px}}

body{font-size:18.4px}