:root{--ink:#111111;--paper:#f4f1ea;--blue:#c3222c;--lime:#f4f1ea;--coral:#d4d4d1;--line:rgba(17,17,17,.2);--mono:"IBM Plex Mono",monospace;--sans:"Space Grotesk",sans-serif;--serif:"Instrument Serif",serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.45;overflow-x:hidden}
img{display:block;max-width:100%}
.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}
a{color:inherit}
button{font:inherit}
::selection{background:var(--blue);color:white}
.progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:100;background:transparent}.progress span{display:block;height:100%;width:0;background:var(--blue)}
.site-header{height:76px;padding:0 3vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:20;background:color-mix(in srgb,var(--paper) 90%,transparent);backdrop-filter:blur(14px)}
.brand{font-weight:700;font-size:1.1rem;text-decoration:none;display:flex;align-items:center;gap:10px;letter-spacing:-.04em}.brand sup{font:500 .52rem var(--mono);vertical-align:top;margin-left:2px}.brand-dot{width:9px;height:9px;border-radius:50%;background:var(--blue)}
.desktop-nav{display:flex;gap:34px}.desktop-nav a{font:500 .76rem var(--mono);text-decoration:none;text-transform:uppercase;letter-spacing:.06em;position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:currentColor;transition:right .25s}.desktop-nav a:hover:after{right:0}
.header-cta{justify-self:end;text-decoration:none;background:var(--ink);color:white;border-radius:999px;padding:11px 17px;font:500 .78rem var(--mono);text-transform:uppercase}.header-cta span{margin-left:8px}
.hero{min-height:calc(100svh - 76px);display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.55fr);gap:3vw;padding:5vh 3vw 4vh;position:relative}
.hero-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;position:relative;z-index:2}
.kicker,.label{font:500 .73rem var(--mono);text-transform:uppercase;letter-spacing:.08em;margin:0}.kicker span{display:inline-block;background:var(--blue);color:white;padding:6px 9px;margin-right:10px}
.hero h1{font-size:clamp(4.3rem,8.5vw,9.7rem);line-height:.79;letter-spacing:-.078em;font-weight:600;margin:clamp(2rem,3.5vw,4rem) 0 1.5rem;max-width:1080px}.hero h1 em,.section-head h2 em,.capability-title h2 em,.experience-intro h2 em,.archive-copy h2 em,.about-main h2 em,.contact h2 em{font-family:var(--serif);font-weight:400;color:var(--blue)}.hero h1>span{display:inline-block;background:var(--blue);color:white;padding:0 .08em .08em;transform:rotate(-1deg)}
.hero-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(1rem,2vw,2rem);max-width:850px}.hero-bottom>p{font-size:clamp(1.05rem,1.5vw,1.35rem);max-width:650px;margin:0}.pill-link{width:112px;aspect-ratio:1;border:1px solid var(--ink);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;text-decoration:none;font:500 .75rem/1.4 var(--mono);text-transform:uppercase;transition:.25s}.pill-link span{font-size:1.3rem}.pill-link:hover{background:var(--ink);color:white;transform:rotate(6deg)}
.portrait-stage{position:relative;min-height:610px;align-self:stretch}.portrait-back{position:absolute;inset:8% 4% 5% 13%;background:var(--blue);transform:rotate(4deg)}.portrait{position:absolute;inset:2% 10% 9% 2%;margin:0;background:#b8b8b5;overflow:hidden;transform:rotate(-2deg);box-shadow:0 25px 50px rgba(0,0,0,.15)}.portrait img{width:100%;height:100%;object-fit:cover;object-position:51% center;filter:saturate(.72) contrast(1.06)}.portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 68%,rgba(0,0,0,.48))}.portrait figcaption{position:absolute;left:22px;bottom:20px;color:white;font:500 .68rem var(--mono);text-transform:uppercase;letter-spacing:.08em;z-index:1}
.hello-sticker{position:absolute;right:-1%;top:5%;width:130px;height:130px;border-radius:50%;background:var(--blue);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(9deg);z-index:3;box-shadow:0 12px 30px rgba(0,0,0,.13)}.hello-sticker span{font:500 .62rem var(--mono);text-transform:uppercase}.hello-sticker strong{font-size:2rem;letter-spacing:-.07em}
.side-note{position:absolute;right:-24px;bottom:12%;font:500 .65rem var(--mono);text-transform:uppercase;transform:rotate(90deg);transform-origin:center}
.marquee{background:var(--ink);color:white;overflow:hidden;padding:16px 0;white-space:nowrap}.marquee>div{display:inline-flex;gap:28px;align-items:center;min-width:max-content;animation:marquee 26s linear infinite}.marquee span{font-size:1.1rem;font-weight:600}.marquee b{color:var(--blue);font-size:1.1rem}@keyframes marquee{to{transform:translateX(-50%)}}
.work{padding:10rem 3vw 5rem}.section-head{display:grid;grid-template-columns:1.5fr .65fr;gap:8vw;align-items:end;margin-bottom:7rem}.section-head h2,.capability-title h2,.experience-intro h2,.archive-copy h2,.about-main h2{font-size:clamp(4rem,8vw,8.5rem);letter-spacing:-.072em;line-height:.84;margin:2rem 0 0}.section-deck{font-size:1.06rem;margin:0 0 .6rem}
.case{border:1px solid currentColor;padding:24px;margin-bottom:3vw}.case-top{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid currentColor;padding-bottom:16px}.case-index,.case-client{font:500 .68rem var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:0}.case-body{display:grid;grid-template-columns:.72fr 1.28fr;gap:6vw;padding:5rem 0 1rem;align-items:end}.case-copy h3{font-size:clamp(2.8rem,5vw,6rem);line-height:.91;letter-spacing:-.065em;margin:0 0 2rem;font-weight:600}.case-copy h3 em{font-family:var(--serif);font-weight:400}.case-copy>p{font-size:1.05rem;max-width:620px}.case-copy dl{margin:4rem 0 0}.case-copy dl>div{display:grid;grid-template-columns:110px 1fr;padding:12px 0;border-top:1px solid currentColor}.case-copy dt{font:500 .65rem var(--mono);text-transform:uppercase}.case-copy dd{margin:0}.case-copy ul{list-style:none;display:flex;flex-wrap:wrap;gap:7px;padding:0;margin:2rem 0 0}.case-copy li{font:500 .64rem var(--mono);text-transform:uppercase;border:1px solid currentColor;border-radius:999px;padding:7px 10px}
.case-blue{background:var(--blue);color:white}.commerce-board{min-height:560px;background:white;color:var(--ink);padding:18px;display:grid;grid-template-columns:1.35fr .65fr;grid-template-rows:54px 1fr 120px;gap:10px;transform:rotate(1deg);box-shadow:12px 12px 0 var(--ink)}.board-nav{grid-column:1/-1;display:flex;align-items:center;border:1px solid var(--ink);padding:0 16px;font:600 .72rem var(--mono)}.board-nav i{width:7px;height:7px;background:var(--ink);border-radius:50%;margin-left:8px}.board-nav i:first-of-type{margin-left:auto}.board-hero{background:var(--paper);padding:32px;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;overflow:hidden}.board-hero:before{content:"";position:absolute;width:65%;aspect-ratio:1;border:1px solid var(--ink);border-radius:50%;right:-18%;top:-30%}.board-hero>span{position:absolute;top:24px;left:26px;font:500 .64rem var(--mono)}.board-hero strong{font-size:clamp(3rem,5vw,5rem);line-height:.8;letter-spacing:-.07em;z-index:1}.board-hero button{margin-top:24px;background:var(--ink);color:white;border:0;padding:9px 14px;font:500 .62rem var(--mono);text-transform:uppercase}.board-tiles{display:grid;gap:10px}.board-tiles span{display:flex;align-items:flex-end;padding:14px;background:var(--coral);font:600 1.2rem var(--sans)}.board-tiles span:nth-child(2){background:var(--blue);color:white}.board-tiles span:nth-child(3){background:var(--ink);color:white}.board-note{grid-column:1/-1;background:var(--ink);color:white;padding:22px;font-size:2rem;font-weight:600;line-height:.9;letter-spacing:-.05em}
.case-pair{display:grid;grid-template-columns:1fr 1fr;gap:3vw}.case-pair .case{display:flex;flex-direction:column}.case-pair .case-copy{padding:3rem 0 1rem}.case-pair .case-copy h3{font-size:clamp(2.7rem,4.2vw,4.7rem)}.case-cream{background:white}.case-coral{background:var(--coral)}.case-mini-visual{height:440px;margin-top:24px;position:relative;overflow:hidden}.home-visual{background:var(--ink);color:white;padding:30px}.home-visual p{font-size:clamp(3.2rem,6vw,6rem);line-height:.78;letter-spacing:-.07em;margin:0;position:absolute;bottom:28px;left:28px}.floor-plan{position:absolute;inset:8%;border:1px solid #555}.floor-plan span{position:absolute;background:#555}.floor-plan span:nth-child(1){left:38%;top:0;bottom:45%;width:1px}.floor-plan span:nth-child(2){left:0;right:20%;top:55%;height:1px}.floor-plan span:nth-child(3){right:20%;top:30%;bottom:0;width:1px}.floor-plan span:nth-child(4){right:0;left:70%;top:30%;height:1px}.life-visual{background:#ececea;padding:28px}.life-visual strong{font-size:clamp(4rem,8vw,8rem);line-height:.7;letter-spacing:-.08em;position:relative;z-index:2}.pulse{position:absolute;width:260px;height:260px;border:36px solid var(--blue);border-radius:50%;right:-35px;bottom:-35px}.pulse:after{content:"";position:absolute;inset:25%;background:var(--ink);border-radius:50%}.rx{position:absolute;right:24px;top:24px;font:500 .78rem var(--mono);background:var(--ink);color:white;padding:7px 9px}
.case-black{background:var(--ink);color:white}.shopinc-layout{padding:4rem 0 1rem}.shopinc-title{display:flex;justify-content:space-between;align-items:center;font-size:clamp(3rem,8vw,9rem);font-weight:700;letter-spacing:-.075em;line-height:.85;color:var(--blue);border-bottom:1px solid #555;padding-bottom:3rem}.shopinc-title span:nth-child(2){font-family:var(--serif);color:white;font-weight:400}.shopinc-layout .case-copy{display:grid;grid-template-columns:1fr .7fr .5fr;gap:4vw;padding-top:4rem;align-items:start}.shopinc-layout .case-copy h3{font-size:clamp(3rem,5vw,5.5rem)}.small-copy{font-size:.9rem!important;color:#aaa}
.capability{background:var(--ink);color:white;padding:9rem 3vw}.capability-title{display:grid;grid-template-columns:1.5fr .55fr;gap:8vw;align-items:end}.capability-title h2{margin-top:2rem}.capability-title>p{font-size:1.15rem;margin:0 0 .6rem}.capability-title em{color:var(--blue)!important}.skill-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:7rem;border-top:1px solid #555;border-left:1px solid #555}.skill-card{min-height:320px;padding:22px;border-right:1px solid #555;border-bottom:1px solid #555;display:flex;flex-direction:column;transition:.25s}.skill-card:hover{background:var(--blue);transform:translateY(-8px)}.skill-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:2rem}.skill-number{font:500 .75rem var(--mono);color:var(--blue)}.skill-icon{display:block;width:clamp(3.25rem,4.3vw,4rem);height:auto;aspect-ratio:1;flex-shrink:0;color:var(--blue)}.skill-card:hover .skill-icon,.skill-card:hover .skill-number{color:white}.skill-card h3{font-size:1.6rem;line-height:1.1;letter-spacing:-.04em;margin:auto 0 1.25rem}.skill-card p{font-size:.9rem;color:#bbb;margin:0}.skill-card:hover p{color:white}
.experience{padding:10rem 3vw;background:var(--paper)}.experience-intro{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:end;margin-bottom:7rem}.experience-intro .label{grid-column:1/-1}.experience-intro h2{margin-top:1.5rem}.experience-intro>p:last-child{font-size:1.15rem;max-width:600px}.timeline{border-top:2px solid var(--ink)}.timeline-item{display:grid;grid-template-columns:.42fr .88fr 1fr;gap:3vw;padding:30px 0;border-bottom:1px solid var(--line);position:relative}.timeline-item:before{content:"";position:absolute;left:0;top:-1px;width:0;height:3px;background:var(--blue);transition:width .45s}.timeline-item:hover:before{width:100%}.timeline-date,.timeline-role>span{font:500 .68rem var(--mono);text-transform:uppercase;letter-spacing:.06em}.timeline-date small{display:block;margin-top:10px;color:#777;font:500 .62rem var(--mono);text-transform:uppercase;letter-spacing:.04em}.timeline-role h3{font-size:1.45rem;letter-spacing:-.04em;line-height:1.05;margin:.5rem 0}.timeline-item>p{margin:0;max-width:610px}.timeline-item-cheil{grid-template-columns:.36fr .94fr 1fr;padding:38px 0}.role-path{position:relative;margin-top:25px;padding-left:30px}.role-path:before{content:"";position:absolute;left:5px;top:8px;bottom:18px;width:2px;background:linear-gradient(var(--blue),#b5b5b2)}.role-step{position:relative;padding-bottom:27px}.role-step:last-child{padding-bottom:0}.role-step i{position:absolute;left:-30px;top:4px;width:12px;height:12px;border:2px solid var(--blue);border-radius:50%;background:var(--paper)}.role-step.role-current i{background:var(--blue);box-shadow:0 0 0 5px rgba(195,34,44,.13)}.role-step time{font:500 .62rem var(--mono);color:#686863;letter-spacing:.04em}.role-step h3{margin:6px 0 0}.role-current h3{font-size:1.65rem}.cheil-copy p{margin:0 0 1.25rem;max-width:610px}.cheil-copy p:last-child{margin-bottom:0;color:#5e5e59}
.current-collab{padding:9rem 3vw;background:var(--ink);position:relative;overflow:hidden}.current-collab:before{content:"GLOBAL / NOW";position:absolute;right:-.04em;top:.03em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.075);font-size:clamp(7rem,17vw,18rem);font-weight:700;line-height:1;letter-spacing:-.08em;white-space:nowrap;pointer-events:none}.current-collab-shell{position:relative;z-index:1;background:var(--paper);color:var(--ink);padding:34px;box-shadow:18px 18px 0 var(--blue);transform:rotate(-.25deg)}
.collab-topline{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:25px;border-bottom:1px solid var(--line)}.collab-topline .label{display:flex;align-items:center;gap:12px}.collab-topline .label i{width:9px;height:9px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px rgba(195,34,44,.12)}.collab-topline>p:last-child{margin:0;font:500 .75rem var(--mono);text-transform:uppercase;letter-spacing:.18em;color:#777}
.collab-main{display:grid;grid-template-columns:minmax(300px,.74fr) minmax(0,1.26fr);gap:5vw;padding:5rem 0 4rem;align-items:center}.collab-copy h2{font-size:clamp(3.8rem,6.4vw,7.2rem);letter-spacing:-.072em;line-height:.82;margin:0 0 2.2rem}.collab-copy h2 em{font-family:var(--serif);font-weight:400;color:var(--blue)}.collab-copy>p:not(.collab-disciplines){max-width:560px;font-size:1.08rem;margin:0;line-height:1.55}.collab-rule{display:block;width:68px;height:3px;background:var(--blue);margin:2.2rem 0}.collab-disciplines{margin:0;font:500 .75rem var(--mono);text-transform:uppercase;letter-spacing:.1em;line-height:1.8;color:#656560}.collab-disciplines b{color:var(--blue);padding:0 .38em}
.collab-brand-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.collab-brand-grid li{position:relative;min-width:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#f7f4ed;overflow:hidden}.collab-brand-grid li{display:grid;place-items:center;aspect-ratio:8/9;padding:clamp(4px,1vw,12px);background:#fefbf4}.brand-tile{display:block;width:100%;height:auto;overflow:hidden}.collab-brand-index{margin:15px 0 0;font:500 .75rem var(--mono);text-transform:uppercase;letter-spacing:.06em;line-height:1.7;color:#6d6d68;text-align:center}
.collab-bottom{display:grid;grid-template-columns:1fr auto;gap:5vw;align-items:end;padding-top:30px;border-top:1px solid var(--line)}.impact-line{margin:0;font:400 clamp(2.2rem,4.2vw,4.6rem)/.9 var(--serif);letter-spacing:-.035em}.impact-line em{color:var(--blue);font-weight:400}.purpose-line{margin:0;display:grid;gap:4px;font:500 .75rem var(--mono);text-transform:uppercase;letter-spacing:.16em;color:#777;text-align:right}.purpose-line strong{margin-top:7px;color:var(--blue);font-weight:500}
.archive{padding:9rem 3vw;background:var(--blue);color:white}.archive-copy{display:grid;grid-template-columns:1.4fr .6fr;gap:7vw;align-items:end}.archive-copy .label{grid-column:1/-1}.archive-copy h2{margin-top:2rem}.archive-copy h2 em{color:var(--lime)}.archive-copy>p:last-child{font-size:1.1rem}.archive-images{margin-top:7rem}.brand-wall{margin:0;background:white;color:var(--ink);padding:16px;box-shadow:16px 16px 0 var(--ink);transform:rotate(-.6deg)}.brand-wall-top{display:flex;justify-content:space-between;gap:20px;padding:8px 6px 18px;border-bottom:1px solid var(--ink);font:500 .68rem var(--mono);text-transform:uppercase;letter-spacing:.06em}.brand-wall img{width:100%;height:auto;margin-top:16px}.brand-wall figcaption{font:500 .65rem var(--mono);text-transform:uppercase;padding:16px 6px 4px;border-top:1px solid var(--ink)}
.about{padding:10rem 3vw}.about-main h2{font-size:clamp(3.5rem,6.5vw,7.5rem);max-width:1300px}.about-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:7vw;margin-top:8rem;align-items:start}.about-photo{position:relative;background:var(--blue);color:white;padding:12px 12px 44px;transform:rotate(-2deg)}.about-photo img{width:100%;height:580px;object-fit:cover;object-position:52% center;filter:saturate(.78)}.about-photo span{position:absolute;bottom:14px;left:16px;font:500 .66rem var(--mono)}.about-text{font-size:clamp(1.25rem,2vw,1.8rem);letter-spacing:-.025em;max-width:800px}.about-text p{margin:0 0 1.5em}.education{display:grid;grid-template-columns:.6fr 1.4fr;gap:8vw;margin-top:10rem}.education-title h3{font-size:3rem;line-height:.95;letter-spacing:-.05em}.education-list{border-top:2px solid var(--ink)}.education-row{display:grid;grid-template-columns:110px 1.2fr .8fr;gap:2vw;padding:24px 0;border-bottom:1px solid var(--line)}.education-row span{font:500 .68rem var(--mono)}.education-row strong{font-size:1rem}.education-row em{font-style:normal;color:#5c5c56}
.contact{padding:9rem 3vw;background:var(--blue);color:white}.contact h2{font-size:clamp(4rem,8.4vw,9.2rem);line-height:.82;letter-spacing:-.078em;margin:5rem 0 2rem}.contact h2 em{color:var(--paper)}.contact-note{font-size:1.3rem}.contact-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:7rem;border-top:2px solid white;border-left:1px solid white}.contact-grid a{min-height:150px;padding:22px;text-decoration:none;border-right:1px solid white;border-bottom:1px solid white;display:grid;grid-template-columns:1fr auto;transition:.2s}.contact-grid a:hover{background:var(--ink);color:white}.contact-grid span{grid-column:1/-1;font:500 .66rem var(--mono);text-transform:uppercase}.contact-grid strong{align-self:end;font-size:clamp(1rem,2vw,1.55rem);word-break:break-word}.contact-grid b{align-self:end;font-size:1.5rem}
footer{background:var(--ink);color:white;padding:6rem 3vw 20px;font:500 .67rem var(--mono);text-transform:uppercase}footer a{text-decoration:none}.footer-mark{display:grid;grid-template-columns:.35fr 1fr .55fr;gap:5vw;align-items:center;padding-bottom:5rem}.footer-mark>p,.footer-mark>span{margin:0}.footer-mark>span{line-height:1.7;color:#aaa;max-width:250px}.footer-logo-card{background:white;padding:14px;transform:rotate(-1deg);box-shadow:12px 12px 0 var(--blue)}.footer-logo-card img{width:100%;height:auto}.footer-line{min-height:64px;border-top:1px solid #444;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding-top:20px}
.craft-story{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(2rem,6vw,6rem);align-items:center;margin-top:clamp(2.5rem,4.5vw,4.5rem);padding:0 clamp(.5rem,1.5vw,1.5rem) 1rem}
.craft-visual{grid-column:1;grid-row:1;position:relative;isolation:isolate;min-width:0;width:100%;max-width:54rem;margin:0 auto;padding:clamp(.375rem,.8vw,.75rem)}.craft-back{position:absolute;inset:8% 0 -1.5% 6%;background:var(--blue);transform:rotate(3deg);z-index:-1}.craft-print{position:relative;padding:clamp(6px,.8vw,12px);background:var(--paper);transform:rotate(-1.5deg);box-shadow:0 20px 40px rgba(0,0,0,.25)}.craft-visual img{display:block;width:100%;height:auto;object-fit:contain}
.craft-note{grid-column:2;grid-row:1;min-width:0}.craft-note .label{font-size:.75rem;color:#bbb;line-height:1.6}.craft-note h3{font-size:clamp(2rem,3.2vw,3.4rem);line-height:1.08;letter-spacing:-.045em;font-weight:600;margin:1rem 0 1.1rem;text-wrap:balance}.craft-note h3 em{font-family:var(--serif);font-weight:400;color:var(--blue)}.craft-note>p:last-child{font-size:1rem;line-height:1.65;color:#bbb;margin:0;max-width:38rem}.craft-story+.skill-grid{margin-top:4rem}
.timeline-date,.timeline-role>span{font-size:.75rem}.timeline-date small{font-size:.75rem;line-height:1.6}.timeline-item-cheil .timeline-date small{color:var(--blue);max-width:15rem}.role-step time{font-size:.75rem;line-height:1.6}
.footer-logo-card img{object-fit:contain}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.reveal.in-view{opacity:1;transform:none}
@media(max-width:1050px){.craft-story{gap:2.5rem}.craft-note h3{font-size:clamp(1.9rem,3.4vw,2.75rem)}}
@media(max-width:1050px){.hero{grid-template-columns:minmax(0,1fr) minmax(0,.55fr)}.hero h1{font-size:clamp(4rem,7.9vw,7rem)}.portrait-stage{min-height:560px}.commerce-board{min-height:500px}.skill-grid{grid-template-columns:1fr 1fr}.timeline-item{grid-template-columns:.45fr 1fr}.timeline-item>p{grid-column:2}.timeline-item-cheil .cheil-copy{grid-column:2}.shopinc-layout .case-copy{grid-template-columns:1fr 1fr}.shopinc-layout .small-copy{grid-column:2}.education-row{grid-template-columns:90px 1fr}.education-row em{grid-column:2}}
@media(max-width:760px){.site-header{height:68px;padding:0 18px;grid-template-columns:1fr auto}.desktop-nav{display:none}.header-cta{padding:9px 13px}.hero{min-height:auto;display:flex;flex-direction:column;padding:5rem 18px 4rem}.kicker{line-height:2.4}.hero h1{font-size:clamp(3.75rem,17vw,6rem);margin:3.2rem 0}.hero-bottom{align-items:center}.hero-bottom>p{font-size:1rem}.pill-link{width:104px;flex:0 0 104px}.portrait-stage{height:620px;min-height:0;margin-top:5rem}.portrait{inset:3% 8% 8% 0}.portrait-back{inset:10% 0 3% 10%}.hello-sticker{right:-3%;width:105px;height:105px}.side-note{right:-42px}.marquee{padding:13px 0}.work,.capability,.experience,.current-collab,.archive,.about,.contact{padding:6.5rem 18px}.section-head,.capability-title,.experience-intro,.current-collab-head,.archive-copy{display:block;margin-bottom:4rem}.section-head h2,.capability-title h2,.experience-intro h2,.current-collab-head h2,.archive-copy h2,.about-main h2{font-size:clamp(3.6rem,15vw,6rem);margin:1.7rem 0 2.5rem}.case{padding:16px;margin-bottom:24px}.case-body{display:block;padding-top:3rem}.commerce-board{min-height:480px;margin-top:4rem;grid-template-columns:1fr;grid-template-rows:48px 1fr 110px 100px}.board-nav{grid-column:auto}.board-tiles{grid-template-columns:repeat(3,1fr)}.board-note{grid-column:auto}.case-pair{display:block}.case-mini-visual{height:390px}.shopinc-layout{padding-top:3rem}.shopinc-title{display:grid;font-size:15vw;gap:10px}.shopinc-title span:nth-child(2){display:none}.shopinc-layout .case-copy{display:block}.shopinc-layout .small-copy{margin-top:2rem}.skill-grid{grid-template-columns:1fr;margin-top:4rem}.skill-card{min-height:240px}.experience-intro{margin-bottom:4rem}.timeline-item{display:block;padding:28px 0}.timeline-role{margin:1.2rem 0}.timeline-role h3{font-size:1.35rem}.role-current h3{font-size:1.55rem}.timeline-item>p{font-size:.95rem}.timeline-item-cheil .cheil-copy{margin-top:1.75rem}.current-collab:before{top:.4em;font-size:8rem}.current-collab-note{padding:0}.current-collab-card{margin-top:4rem;padding:8px;box-shadow:8px 8px 0 var(--blue);transform:none}.current-collab-art{overflow-x:auto;-webkit-overflow-scrolling:touch}.current-collab-art img{width:780px;max-width:none}.current-collab-card figcaption{align-items:flex-start;flex-direction:column;gap:8px;padding:14px 5px 5px}.current-collab-card figcaption strong{line-height:1.5}.current-collab-card figcaption small{display:block}.archive-copy{margin-bottom:0}.archive-images{margin-top:4rem}.brand-wall{padding:9px;box-shadow:9px 9px 0 var(--ink);transform:none}.brand-wall-top{display:block;padding:7px 5px 12px}.brand-wall-top strong{display:block;margin-top:7px}.brand-wall figcaption{line-height:1.5}.about-grid{display:block;margin-top:4rem}.about-photo{max-width:520px}.about-photo img{height:520px}.about-text{margin-top:5rem;font-size:1.22rem}.education{display:block;margin-top:7rem}.education-list{margin-top:3rem}.education-row{display:block}.education-row strong,.education-row em{display:block;margin-top:10px}.contact h2{font-size:clamp(3.7rem,15vw,6rem);margin:4rem 0 2rem}.contact-grid{grid-template-columns:1fr;margin-top:4rem}.contact-grid a{min-height:126px}footer{padding:4rem 18px 20px}.footer-mark{display:block;padding-bottom:4rem}.footer-mark>p{margin-bottom:2rem}.footer-logo-card{padding:8px;box-shadow:8px 8px 0 var(--blue)}.footer-mark>span{display:block;margin-top:2rem;width:auto}.footer-line{flex-wrap:wrap}.footer-line>span{order:3;width:100%}}
@media(max-width:760px){.current-collab:before{top:.45em;font-size:7rem}.current-collab-shell{padding:20px;box-shadow:9px 9px 0 var(--blue);transform:none}.collab-topline{display:block;padding-bottom:20px}.collab-topline>p:last-child{margin-top:14px;font-size:.75rem;line-height:1.7;letter-spacing:.11em}.collab-main{display:block;padding:3.5rem 0}.collab-copy h2{font-size:clamp(3.35rem,15vw,5rem);margin-bottom:1.8rem}.collab-copy>p:not(.collab-disciplines){font-size:1rem}.collab-rule{margin:1.8rem 0}.collab-disciplines{font-size:.75rem}.collab-brand-grid{grid-template-columns:repeat(2,1fr);margin-top:3.5rem}.collab-bottom{display:block;padding-top:24px}.impact-line{font-size:clamp(2.4rem,12vw,3.7rem)}.purpose-line{margin-top:2rem;text-align:left}}
@media(max-width:760px){.hero{padding-top:3.5rem}.hero h1{font-size:clamp(2.5rem,12.4vw,5.6rem);line-height:.92;letter-spacing:-.07em;margin:2rem 0 1.25rem}.hero-bottom{grid-template-columns:minmax(0,1fr);gap:1.25rem}.pill-link{width:100px}.portrait-stage{margin-top:3.5rem}.capability-title{margin-bottom:0}.craft-story{grid-template-columns:minmax(0,1fr);gap:2.5rem;margin-top:2.5rem;padding:0 .375rem 1rem}.craft-note{grid-column:auto;grid-row:auto;width:100%;max-width:36rem;margin:0 auto}.craft-note h3{font-size:clamp(2rem,5.5vw,3rem)}.craft-visual{grid-column:auto;grid-row:auto;max-width:36rem}.craft-print{transform:rotate(-1deg)}.craft-back{transform:rotate(2deg)}}
.contact-grid a{grid-template-columns:auto minmax(0,1fr) auto;column-gap:clamp(.75rem,2vw,1.5rem);row-gap:.6rem;align-content:center}.contact-icon{display:block;width:clamp(1.75rem,3vw,2.5rem);height:auto;color:white;grid-column:1;grid-row:1/3;align-self:center}.contact-grid a>span{grid-column:2;grid-row:1;font-size:.75rem}.contact-grid a>strong{grid-column:2;grid-row:2;min-width:0;overflow-wrap:anywhere}.contact-grid a>b{grid-column:3;grid-row:1/3;align-self:center}.contact-grid a:focus-visible{outline:3px solid white;outline-offset:-6px;background:var(--ink)}
/* Shared spacing and alignment across the editorial sections. */
:root{--section-space:clamp(4rem,7vw,7rem);--content-gap:clamp(2rem,4vw,4rem)}
picture{display:block;min-width:0}.portrait picture{width:100%;height:100%}
.hero{min-height:auto;padding-top:clamp(2rem,4vw,4rem);padding-bottom:clamp(3rem,5vw,5rem)}
.hero-copy{justify-content:flex-start}.kicker{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;line-height:1.6}.kicker span{margin:0}.kicker .kicker-disciplines{background:none;color:var(--ink);padding:0}
.hero h1{margin:clamp(2.5rem,4vw,4rem) 0 1.5rem;line-height:.88}.portrait-stage{min-height:610px}
.work,.capability,.experience,.current-collab,.archive,.about,.contact{padding-top:var(--section-space);padding-bottom:var(--section-space)}
.section-head,.experience-intro{margin-bottom:var(--content-gap)}
.experience-intro,.archive-copy{row-gap:1.5rem;column-gap:6vw;align-items:center}.experience-intro h2,.archive-copy h2{margin:0;line-height:.95}.experience-intro>p:last-child,.archive-copy>p:last-child{margin:0}
.capability-title,.craft-story{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);column-gap:clamp(2rem,6vw,6rem);padding-left:0;padding-right:0}
.capability-title{align-items:end}.capability-title>p{margin:0;font-size:1.08rem;line-height:1.55;max-width:38rem}.capability-title h2{line-height:.95}
.craft-story{margin-top:var(--content-gap);align-items:start}.craft-note{padding-top:.5rem}.craft-note h3{margin:.75rem 0 1rem}.craft-story+.skill-grid{margin-top:var(--content-gap)}
.skill-card{min-height:280px}.skill-card-top{margin-bottom:2rem}.skill-card h3{margin-top:0}.skill-card p{margin-top:auto}
.about-grid,.archive-images,.contact-grid{margin-top:var(--content-gap)}.education{margin-top:var(--section-space)}.contact h2{margin-top:2rem;line-height:.94}
.collab-main{padding:var(--content-gap) 0}.collab-brand-grid li{aspect-ratio:7/6}.footer-mark{padding-bottom:var(--content-gap)}
/* The original logo artwork stays intact; viewports remove only surrounding blank space. */
.timeline-item,.timeline-item-cheil{grid-template-columns:minmax(200px,.38fr) minmax(0,1fr);column-gap:clamp(2rem,5vw,5rem);row-gap:1.2rem;align-items:start;padding:2rem 0}
.timeline-date{grid-column:1;grid-row:1/3;min-width:0}.timeline-role{grid-column:2;margin:0}.timeline-item>p,.timeline-item-cheil .cheil-copy{grid-column:2;max-width:65ch;margin:0}.timeline-role h3{line-height:1.2;margin:.6rem 0 0}.timeline-item-cheil .timeline-date small{max-width:none}
.company-mark{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:12px;width:224px;max-width:calc(100% - 8px);height:108px;padding:15px;margin:1.4rem 0 .4rem;background:var(--paper)}
.company-mark:before{content:"";position:absolute;inset:5px -5px -5px 5px;background:var(--blue);transform:rotate(2deg);z-index:-2}.company-mark:after{content:"";position:absolute;inset:0;background:var(--paper);border:1px solid var(--line);z-index:-1}
.company-logo{display:block;width:100%;height:auto;max-height:74px;min-width:0;mix-blend-mode:multiply;overflow:hidden}.mono-light{filter:grayscale(1) brightness(.7) contrast(5)}.mono-dark{filter:grayscale(1) invert(1) brightness(.55) contrast(20)}.mono-soft{filter:grayscale(1) contrast(1.15)}
.company-divider{display:block;width:1px;height:28px;flex:0 0 1px;background:var(--ink)}.logo-cheil{flex:0 1 78px}.logo-samsung{flex:0 1 99px}.logo-life{width:43px;max-height:76px}.logo-country-club{width:70px;max-height:78px}.logo-danube{width:168px}.logo-afnan,.logo-shopinc{width:163px}
@media(min-width:761px) and (max-width:1050px){.hero-bottom{grid-template-columns:minmax(0,1fr)}.hero h1{font-size:7.7vw}.portrait-stage{min-height:580px}.collab-main{grid-template-columns:minmax(0,1fr);gap:2.5rem}.collab-copy{max-width:44rem}.collab-brand-grid{margin-top:0}.experience-intro h2{font-size:clamp(3.5rem,7vw,5rem)}}
@media(max-width:760px){.hero{padding-top:2rem;padding-bottom:3rem}.hero h1{font-size:clamp(2.5rem,12.4vw,5.6rem);line-height:.94;margin:2rem 0 1.5rem}.portrait-stage{height:clamp(440px,125vw,620px);min-height:0;margin-top:2.5rem}.kicker{gap:.6rem}.kicker span{font-size:.7rem}.capability-title,.craft-story{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem}.capability-title h2{margin:1.5rem 0 0}.capability-title>p,.craft-note{max-width:none;margin:0}.craft-story{gap:2rem;margin-top:2rem}.craft-note{padding:0}.craft-visual{margin:0;max-width:none}.experience-intro,.archive-copy{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem}.experience-intro .label,.archive-copy .label{grid-column:auto}.experience-intro h2,.archive-copy h2{font-size:clamp(3rem,12vw,5.5rem);margin:0}.experience-intro{margin-bottom:2.5rem}.timeline-item,.timeline-item-cheil{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem;padding:1.75rem 0}.timeline-date{grid-column:1;grid-row:auto}.timeline-role,.timeline-item>p,.timeline-item-cheil .cheil-copy{grid-column:1;margin:0}.company-mark{width:224px;height:100px;margin-top:1rem}.role-path{margin-top:1.5rem}.skill-card{min-height:220px}.collab-brand-grid{margin-top:2rem}.collab-main{padding:2.5rem 0}.about-text{margin-top:2.5rem}.contact h2{margin-top:2rem;font-size:clamp(3rem,12vw,5.5rem)}.footer-mark{padding-bottom:3rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee>div{animation:none}.reveal{opacity:1;transform:none;transition:none}.skill-card{transition:none}.skill-card:hover{transform:none}}

/* About portrait: natural proportions and aligned copy. */
.about-grid{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(2rem,4.5vw,4.5rem);align-items:start}
.about-photo{width:100%;max-width:420px;margin:0;padding:10px 10px 36px;transform:none;align-self:start}
.about-photo picture{display:block}.about-photo img{width:100%;height:auto;object-fit:contain;filter:none}
.about-photo span{left:12px;bottom:10px;font-size:.75rem;line-height:1.3}
.about-text{margin:0;font-size:clamp(1.125rem,1.8vw,1.65rem);line-height:1.55;min-width:0}.about-text p{margin:0 0 1.15em}.about-text p:last-child{margin-bottom:0}
@media(max-width:1050px) and (min-width:761px){.about-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:2rem}.about-text{font-size:1.125rem}}
@media(max-width:760px){.about-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem}.about-photo{max-width:420px;justify-self:center}.about-photo img{height:auto}.about-text{margin:0;font-size:1.125rem}}