/* One editorial language, from the opening cards to the work inside. */
:root{--portfolio-canvas:#160703;--portfolio-paper:#e4d8cc;--portfolio-cream:#f1eae0;--portfolio-wine:#6b190c;--portfolio-ink:#4a362d;--portfolio-muted:#786052;--portfolio-radius:29px;--portfolio-gap:24px;--portfolio-serif:'Cormorant Garamond',Georgia,serif}
.discipline-section{max-width:1748px;width:calc(100% - 52px);margin:65px auto 30px;padding:0;scroll-margin-top:28px;color:var(--portfolio-ink)}
.discipline-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;padding:38px 40px;margin-bottom:24px;background:var(--portfolio-paper);border-radius:var(--portfolio-radius)}
.small-label{display:flex;align-items:center;gap:10px;font-size:13px;line-height:1.5;color:#752a1c}.small-label:before{content:'✦';font-size:20px}
.discipline-heading h2{font:400 clamp(58px,6.4vw,100px)/.96 var(--portfolio-serif);letter-spacing:-.04em;margin:20px 0 0;color:#681b10}.discipline-heading h2 em{font-weight:400}
.discipline-heading>p{max-width:300px;margin:0 0 4px;font-size:14px;line-height:1.7;color:var(--portfolio-muted)}
.discipline-panels{display:grid;grid-template-columns:.9fr 1.1fr;grid-template-rows:320px 320px;gap:var(--portfolio-gap)}
.discipline-panel{position:relative;min-width:0;overflow:hidden;border-radius:var(--portfolio-radius);background:var(--portfolio-paper);color:#681b10;display:grid;grid-template-columns:1.1fr 1fr;grid-template-rows:1fr auto;padding:30px;gap:18px 24px;isolation:isolate;outline-offset:5px}
.discipline-copy{min-width:0;grid-column:1;grid-row:1}.panel-number{display:block;font-size:12px;letter-spacing:.04em;color:var(--portfolio-muted);margin-bottom:22px}
.discipline-copy h3{font:400 clamp(39px,3.7vw,60px)/.96 var(--portfolio-serif);letter-spacing:-.03em;margin:0 0 20px}.discipline-copy h3 em{font-weight:400}.discipline-copy p{font-size:12px;line-height:1.7;margin:0;color:var(--portfolio-muted)}
.discipline-image{grid-column:2;grid-row:1/3;min-width:0;min-height:0;position:relative;overflow:hidden;border-radius:18px;background:#d4bda9;align-self:stretch}
.discipline-image img{width:100%;height:100%;object-fit:contain;transform:none;transition:scale 1.2s cubic-bezier(.22,.61,.36,1)}
.discipline-bottom{grid-column:1;grid-row:2;display:flex;justify-content:space-between;align-items:end;gap:16px}.panel-caption{font-size:12px;line-height:1.6;max-width:190px;color:var(--portfolio-muted)}
.panel-arrow{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;background:#d0b5a0;color:#681b10;border-radius:50%;font-size:27px;transition:transform .8s cubic-bezier(.22,.61,.36,1),background .6s}
.fashion-panel{grid-column:1;grid-row:1/3;display:flex;flex-direction:column;padding:30px;gap:0;background:#f1eae0}.fashion-panel .discipline-copy{display:block}.fashion-panel h3 br{display:none}.fashion-panel h3{font-size:clamp(48px,4.6vw,74px)}.fashion-panel .discipline-image{margin-top:26px;flex:1;min-height:220px;width:100%;background:#3d100b}.fashion-panel .discipline-image img{object-fit:cover;object-position:50% 28%}.fashion-panel .discipline-bottom{padding-top:22px;align-items:center}.fashion-panel .panel-caption{max-width:none}
.uiux-panel{background:var(--portfolio-wine);color:#f1eae0}.uiux-panel .panel-number,.uiux-panel .discipline-copy p,.uiux-panel .panel-caption{color:#d9bcaa}.uiux-panel .discipline-image{background:#3d100b;display:grid;place-items:center}.uiux-panel .discipline-image img{height:auto;width:94%}.uiux-panel .panel-arrow{background:#e4d8cc}
.management-panel .discipline-image img{width:125%;max-width:none;height:100%;margin-left:-12.5%;object-position:center bottom}
/* Quiet assembly echoes the opening; finished cards stay in place on return. */
.work-reveal-ready{transition:opacity 1.15s cubic-bezier(.22,.61,.36,1),transform 1.35s cubic-bezier(.22,.61,.36,1);transition-delay:var(--work-reveal-delay,0ms);transform-origin:50% 25%}
.work-reveal-ready:not(.in-view){opacity:0;transform:translate3d(0,38px,0) scale(.987)}
.discipline-heading.work-reveal-ready:not(.in-view){transform:translate3d(0,24px,0)}
.work-reveal-ready.in-view{opacity:1;transform:none}
.work-reveal-ready h2,.work-reveal-ready .discipline-image{transition:transform 1.4s cubic-bezier(.22,.61,.36,1),opacity 1.1s cubic-bezier(.22,.61,.36,1);transition-delay:calc(var(--work-reveal-delay,0ms) + 110ms)}
.work-reveal-ready:not(.in-view) h2{transform:translate3d(0,12px,0)}
.work-reveal-ready:not(.in-view) .discipline-image{transform:translate3d(0,16px,0);opacity:.65}
.work-reveal-ready.in-view h2,.work-reveal-ready.in-view .discipline-image{transform:none;opacity:1}
.discipline-image img{transform:translate3d(0,var(--work-image-y,0px),0)}
.fashion-panel .discipline-image img{transform:translate3d(0,var(--work-image-y,0px),0) scale(1.045)}
.discipline-panel{transition:translate .85s cubic-bezier(.22,.61,.36,1)}
.discipline-panel.work-reveal-ready{transition:opacity 1.15s cubic-bezier(.22,.61,.36,1),transform 1.35s cubic-bezier(.22,.61,.36,1),translate .85s cubic-bezier(.22,.61,.36,1);transition-delay:var(--work-reveal-delay,0ms),var(--work-reveal-delay,0ms),0ms}
.work-settled,.work-settled h2,.work-settled .discipline-image{transition:none!important}
@media(hover:hover) and (pointer:fine){.discipline-panel.in-view:hover{translate:0 -4px}.discipline-panel:hover .discipline-image img{scale:1.025}.discipline-panel:hover .panel-arrow{transform:rotate(45deg)}}
@media(max-width:800px){.work-reveal-ready:not(.in-view){transform:translate3d(0,20px,0)}.work-reveal-ready:not(.in-view) .discipline-image{transform:translate3d(0,8px,0)}.work-reveal-ready,.discipline-panel.work-reveal-ready{transition-duration:1s,1.15s;transition-delay:0ms}.work-reveal-ready h2,.work-reveal-ready .discipline-image{transition-duration:1.15s}}
@media(max-width:1100px){.discipline-section{width:calc(100% - 40px)}.discipline-heading{padding:32px}.discipline-panels{grid-template-columns:.86fr 1.14fr;grid-template-rows:320px 320px;gap:18px}.discipline-panel{padding:25px;gap:18px}.fashion-panel{gap:0}.discipline-copy h3{font-size:43px}.fashion-panel h3{font-size:59px}.discipline-copy p{font-size:11px}.panel-caption{font-size:11px}.management-panel{grid-template-columns:1.2fr .8fr}}
@media(max-width:800px){.discipline-heading{display:block}.discipline-heading>p{max-width:none;margin-top:24px}.discipline-panels{display:flex;flex-direction:column;gap:18px}.discipline-panel{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;min-height:310px}.fashion-panel{gap:18px}.fashion-panel .discipline-image{margin:0;height:340px;min-height:0}.fashion-panel .discipline-copy h3 br{display:block}.fashion-panel .discipline-bottom{padding:0}.fashion-panel h3{font-size:55px}.management-panel .discipline-image{height:285px}}
@media(max-width:600px){:root{--portfolio-radius:23px;--portfolio-gap:16px}.discipline-section{width:calc(100% - 32px);margin-top:46px;margin-bottom:16px}.discipline-heading{padding:30px 24px;margin-bottom:16px}.discipline-heading h2{font-size:60px}.discipline-heading>p{font-size:13px}.small-label{font-size:12px}.discipline-panels{gap:16px}.discipline-panel,.fashion-panel{display:flex;flex-direction:column;min-height:0;padding:25px 24px;gap:0}.discipline-copy h3,.fashion-panel h3{font-size:52px}.discipline-copy h3 br,.fashion-panel .discipline-copy h3 br{display:none}.discipline-copy p{font-size:12px}.panel-number{margin-bottom:20px}.discipline-panel .discipline-image{width:100%;height:260px;flex:none;margin-top:24px}.fashion-panel .discipline-image{height:340px}.management-panel .discipline-image{height:290px}.discipline-panel .discipline-bottom{padding:23px 0 0;align-items:center}.panel-caption{font-size:12px;max-width:205px}.management-panel .discipline-image img{width:110%;margin-left:-5%}.uiux-panel .discipline-image img{max-height:90%}}
@media(prefers-reduced-motion:reduce){.work-reveal-ready,.work-reveal-ready:not(.in-view){opacity:1;transform:none;translate:none;transition:none!important}.work-reveal-ready h2,.work-reveal-ready .discipline-image{opacity:1!important;transform:none!important;transition:none!important}.discipline-image img,.fashion-panel .discipline-image img{transform:none!important}.discipline-panel *{transition:none!important}.discipline-panel.in-view:hover{translate:none}.discipline-panel:hover .discipline-image img{scale:1}.discipline-panel:hover .panel-arrow{transform:none}}

/* The shared shell stays the same as the landing page. */
.work-surface{--bg:#160703;--ink:#e4d8cc;--muted:#bfa696;--accent:#b38966;--line:#e4d8cc30;background:#160703;color:#e4d8cc;color-scheme:dark}
.work-surface .site-header{height:82px;border:0;padding:0 26px;max-width:1800px;margin:auto}.work-surface .wordmark{font:500 29px/1 var(--portfolio-serif);letter-spacing:-.025em}.work-surface .wordmark span{display:inline}.work-surface .site-header nav{gap:34px;font-size:13px;letter-spacing:.03em}.work-surface .reading-progress{height:2px;background:#ba8c6e}.work-surface footer{max-width:1800px;margin:auto;padding:35px 26px;font-size:12px;color:#bfa696;border:0}
#category-view,#project-view{width:calc(100% - 52px);max-width:1748px;margin:0 auto 30px}
#category-view .category-breadcrumb,#project-view .project-nav{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 4px 30px;border:0;font-size:12px;letter-spacing:.025em;color:#c6aa98}
.category-breadcrumb a:hover,#project-view .project-nav a:hover{color:#f1eae0}
#category-view .category-heading{padding:0;display:grid;grid-template-columns:1.7fr 1fr;gap:24px}
.category-introduction,.category-summary{border-radius:var(--portfolio-radius);padding:42px;min-width:0}.category-introduction{background:var(--portfolio-paper);color:#681b10;display:flex;flex-direction:column;justify-content:space-between;min-height:320px}
#category-view .category-heading h1{font:400 clamp(66px,7.6vw,122px)/.95 var(--portfolio-serif);letter-spacing:-.04em;margin:45px 0 0;max-width:920px}
.category-summary{background:var(--portfolio-wine);color:#e4d0c1;display:flex;flex-direction:column;justify-content:space-between;gap:28px}.category-summary>span:first-child{font-size:26px}.category-summary>p{font:400 clamp(25px,2.7vw,42px)/1.18 var(--portfolio-serif);letter-spacing:-.02em}.category-summary-label{font-size:12px;color:#d1ae97;line-height:1.6}
#category-view .category-tabs{display:flex;gap:12px;margin:24px 0;flex-wrap:wrap;justify-content:flex-start}.category-tabs a{display:flex;align-items:center;gap:25px}
#category-view .category-tabs a{padding:14px 20px;border:1px solid #b78e7040;border-radius:30px;color:#c9b29f;font-size:13px;transition:background .6s,color .6s}
#category-view .category-tabs a[aria-current=page],#category-view .category-tabs a:hover{background:#e4d8cc;color:#681b10;border-color:#e4d8cc}
#category-view .category-exhibitions{padding:0;display:grid;grid-template-columns:1.08fr .92fr;gap:24px;align-items:start}
.portfolio-project{min-width:0;overflow:hidden;border-radius:var(--portfolio-radius);background:var(--portfolio-paper);color:#681b10;padding:28px;display:flex;flex-direction:column}
.project-card-index{display:flex;justify-content:space-between;gap:22px;font-size:11px;line-height:1.6;color:#786052;min-height:32px}.project-card-index>span:last-child{white-space:nowrap}
.project-card-art{position:relative;isolation:isolate;border-radius:18px;overflow:hidden;background:#d5bfad;height:390px;margin:22px 0 28px;display:flex;align-items:center;justify-content:center;padding:24px;gap:16px}
.project-card-art .main-art{position:relative;width:100%;height:100%;object-fit:contain;min-width:0;transition:scale 1.2s cubic-bezier(.22,.61,.36,1)}
.project-card-art .support-art{position:relative;width:34%;height:78%;object-fit:contain;align-self:end;min-width:0}
.portfolio-project.arabian-nights .project-card-art{background:#3d100b;padding:18px;gap:18px;height:450px}.portfolio-project.arabian-nights .main-art{width:63%;object-fit:cover;object-position:center 25%;border-radius:12px}.portfolio-project.arabian-nights .support-art{width:32%;object-fit:cover;border-radius:12px;height:73%}
.portfolio-project.solar-system .main-art{width:57%;z-index:1}.portfolio-project.solar-system .support-art{width:42%;height:auto;aspect-ratio:1;border-radius:50%;align-self:center}
.portfolio-project.ecoride .project-card-art{padding:26px;background:#3d100b}.portfolio-project.elderly-care .main-art{width:48%}.portfolio-project.elderly-care .support-art{width:43%;height:90%}
.portfolio-project.hand-sketches .project-card-art{height:450px;background:#dbcbbb}.portfolio-project.show-of-hands .project-card-art{padding:0;background:#6b190c}.portfolio-project.bumble .project-card-art{padding:0}.portfolio-project.bumble .main-art{object-fit:cover}
.portfolio-project:nth-child(even){background:#f1eae0}.portfolio-project:nth-child(2){margin-top:54px}
.project-card-label{display:flex;align-items:end;justify-content:space-between;gap:22px}.project-card-label>div{min-width:0}.project-card-label h3{font:400 clamp(35px,3.9vw,62px)/.98 var(--portfolio-serif);letter-spacing:-.035em}.project-card-label p{font-size:14px;line-height:1.6;margin-top:18px;color:#786052}.project-card-label .panel-arrow{flex-shrink:0}
.portfolio-project:focus-visible{outline-color:#e4d8cc}.portfolio-project:hover .panel-arrow{transform:rotate(45deg)}
#category-view .category-current{grid-column:1/-1;max-width:none;margin:0;padding:36px 40px;border:1px solid #bc998050;background:#3d100b;border-radius:var(--portfolio-radius)}#category-view .category-current h2{color:#f1eae0;font-size:46px}#category-view .category-current p{color:#c9b09c}

/* Case studies use the same paper, wine, spacing and type. Artwork retains its colour. */
#project-view{--surface:#e4d8cc!important;--project-accent:#681b10;--muted:#786052;--line:#6b190c30;color:#4a362d}
#project-view .project-opening{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:stretch;height:auto;min-height:0;max-height:none;padding:0;background:transparent;overflow:visible}
#project-view .project-opening:after{display:none}
#project-view .project-title{position:relative;display:flex;flex-direction:column;grid-template-columns:none;align-items:start;gap:0;padding:42px;background:#e4d8cc;border-radius:var(--portfolio-radius);min-width:0;min-height:540px;margin:0}
#project-view .project-title>.micro{position:static;font-size:12px;letter-spacing:.045em;color:#786052;max-width:none;border-bottom:1px solid #6b190c28;padding-bottom:20px;width:100%}
#project-view .project-title h1{position:static;inset:auto;font:400 clamp(58px,6.7vw,108px)/.94 var(--portfolio-serif);letter-spacing:-.04em;color:#681b10;max-width:100%;margin:38px 0 40px;text-shadow:none;overflow-wrap:normal}
#project-view.case-solar-system .project-title h1{font-size:clamp(50px,5.2vw,82px)}
#project-view .project-title .project-headline{position:static;width:auto;max-width:380px;margin-top:auto;padding:0;font-size:20px;line-height:1.5;color:#786052;letter-spacing:-.02em}
#project-view .project-hero-image{position:relative;inset:auto;display:flex;align-items:center;justify-content:center;gap:18px;width:100%;height:auto;min-height:540px;max-height:none;max-width:none;padding:28px;margin:0;background:#d1b9a5;border-radius:var(--portfolio-radius);overflow:hidden}
#project-view .project-hero-image>img{position:relative;inset:auto;rotate:0deg;transform:none;filter:none;width:100%;height:490px;max-height:560px;max-width:100%;min-width:0;object-fit:contain;object-position:center;margin:0;border-radius:12px}
#project-view.case-arabian-nights .project-hero-image{background:#3d100b;padding:22px;gap:18px}
#project-view.case-arabian-nights .project-hero-image>img:first-child{width:64%;height:510px;object-fit:cover;object-position:50% 22%;align-self:center}
#project-view.case-arabian-nights .project-hero-image>.hero-companion{width:32%;height:355px;object-fit:cover;align-self:end;margin-bottom:22px}
#project-view.case-ecoride .project-hero-image{background:#3d100b}
#project-view.case-show-of-hands .project-hero-image{background:#6b190c;padding:0}
#project-view.case-show-of-hands .project-hero-image img{height:560px}
#project-view.case-bumble .project-hero-image{padding:0}#project-view.case-bumble .project-hero-image img{height:100%;min-height:540px;object-fit:cover;border-radius:0}
#project-view .project-overview{display:grid;grid-template-columns:.65fr 1.35fr;gap:24px;padding:0;margin:24px 0}
#project-view .project-metadata{padding:35px 38px;border-radius:var(--portfolio-radius);background:#6b190c;color:#e4d0c1;gap:16px;font-size:13px;line-height:1.6}
#project-view .project-metadata>span{max-width:none;border-bottom:1px solid #e4d0c12b;padding-bottom:16px}#project-view .project-metadata>span:last-child{border:0;padding-bottom:0}
#project-view .project-overview>div:last-child{padding:38px 42px;background:#f1eae0;border-radius:var(--portfolio-radius);min-width:0}
#project-view .project-deck{font:400 clamp(25px,2.7vw,39px)/1.27 var(--portfolio-serif);letter-spacing:-.015em;max-width:950px;color:#4a362d}
#project-view .chapter-links{gap:20px;margin-top:30px}#project-view .chapter-links a{font-size:12px;letter-spacing:.02em;border-color:#6b190c40;color:#681b10;padding-bottom:8px}
#project-view .project-feature{margin:24px 0;padding:42px;background:#e4d8cc;border-radius:var(--portfolio-radius);overflow:hidden}
#project-view .feature-heading{gap:40px;align-items:start;margin-bottom:35px}#project-view .feature-heading h2{font:400 clamp(40px,4.6vw,72px)/.98 var(--portfolio-serif);letter-spacing:-.035em;max-width:730px;color:#681b10}#project-view .feature-heading>p{font-size:14px;line-height:1.7;max-width:330px;color:#786052}
#project-view .lookbook{gap:24px;align-items:start;grid-template-columns:1fr .8fr 1fr;padding-top:5px}#project-view .lookbook figure:nth-child(2){margin-top:60px}#project-view .lookbook figure:nth-child(3){margin-top:0}
#project-view .image-button{border-radius:16px;background:#d7c5b4}#project-view .image-button:after{background:#6b190ced;color:#f1eae0;border-radius:20px;transition:opacity .5s,transform .5s}#project-view .image-button:hover img{transform:scale(1.015)}
#project-view figcaption{font-size:12px;line-height:1.65;color:#786052}
#project-view .palette{gap:16px;flex-wrap:wrap;margin-top:30px}#project-view .palette-item{font-size:12px;color:#786052}#project-view .palette-dot{width:18px;height:18px;border-color:#6b190c30}
#project-view .project-chapters{padding:0;display:grid;gap:24px;margin:24px 0}
#project-view .chapter,#project-view .chapter:nth-child(even){display:grid;grid-template-columns:1fr 1.1fr;gap:24px;padding:0;align-items:stretch;border:0}
#project-view .chapter .chapter-copy{position:static;grid-column:1;grid-row:1;padding:40px;background:#f1eae0;border-radius:var(--portfolio-radius);min-width:0}
#project-view .chapter:nth-child(even) .chapter-copy{grid-column:2;background:#e4d8cc}
#project-view .chapter figure{grid-column:2;grid-row:1;background:#d1b9a5;border-radius:var(--portfolio-radius);padding:24px;min-width:0;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
#project-view .chapter:nth-child(even) figure{grid-column:1}
#project-view .chapter-number{font-size:11px;letter-spacing:.06em;color:#8b6552;margin-bottom:28px}
#project-view .chapter h2{font:400 clamp(36px,3.8vw,60px)/1.04 var(--portfolio-serif);letter-spacing:-.025em;max-width:600px;margin-bottom:28px;color:#681b10}
#project-view .chapter p{font-size:15px;line-height:1.85;color:#695044;max-width:680px;margin-bottom:20px}#project-view .chapter p:last-child{margin-bottom:0}
#project-view .chapter figure img{max-height:720px;object-fit:contain;background:#e8ded2}#project-view .chapter-figure-note{color:#695044;gap:16px}#project-view .chapter-figure-note span{font-size:10px;color:#681b10}
#project-view .interaction-stage{background:#d4bdab;border-radius:20px;padding:30px}
#project-view .stage-tabs{gap:10px;margin-bottom:30px}#project-view .stage-tabs button{border:1px solid #6b190c40;background:transparent;color:#681b10;font-size:12px;padding:12px 18px;transition:background .5s,color .5s}#project-view .stage-tabs button[aria-pressed=true]{background:#6b190c;color:#f1eae0;border-color:#6b190c}#project-view .stage-tabs button:hover{border-color:#6b190c}
#project-view .demo-layout{grid-template-columns:1.5fr 1fr;gap:35px}#project-view .demo-visual{min-width:0;padding:0;background:transparent}#project-view .demo-visual img{max-height:540px;object-fit:contain;rotate:0deg;transform:none}
#project-view .demo-copy .micro{color:#8b6552}#project-view .demo-copy h3{font:400 37px/1.12 var(--portfolio-serif);letter-spacing:-.025em;color:#681b10}#project-view .demo-copy p{font-size:14px;line-height:1.8;color:#695044}#project-view .image-open-link{color:#681b10;border-color:#6b190c40}
#project-view .planet-pair img{background:#e4d8cc;border-radius:12px}#project-view .planet-pair figcaption{color:#695044}
#project-view .phone-pair img{rotate:0deg;filter:none;margin:0;border-radius:16px;max-height:550px}#project-view .phone-pair img:nth-child(2){margin-top:35px}
#project-view .browser-frame{border-radius:20px;background:#c7ac96;border:0;padding:35px 14px 14px}#project-view .browser-frame:before{color:#8b6552;top:12px}#project-view .browser-scroll{border-radius:10px}#project-view .browser-caption{color:#786052;font-size:12px}
#project-view .project-credit{padding:30px 36px;margin:24px 0;border:1px solid #ba927740;border-radius:var(--portfolio-radius);color:#c5a893;font-size:12px;line-height:1.85}
#project-view .next-project{display:block;padding:38px 42px 45px;background:#6b190c;color:#e4d0c1;border-radius:var(--portfolio-radius);margin:24px 0 0}
#project-view .next-project .micro{font-size:12px;color:#d1ae97}#project-view .next-project h2{font:400 clamp(43px,6vw,94px)/1.02 var(--portfolio-serif);letter-spacing:-.035em;gap:30px;margin-top:30px;color:#f1eae0}#project-view .next-project h2 span{align-self:end;flex:none;font-family:Arial,sans-serif;font-size:38px;transition:translate .7s}#project-view .next-project:hover h2 span{translate:4px -4px}
.work-surface a:focus-visible,.work-surface button:focus-visible{outline-color:#b38966}
#project-view .project-nav a{color:#c6aa98}#project-view .project-nav a:hover{color:#f1eae0}.fashion-panel .discipline-image img{object-position:center top}
#project-view .project-title{text-align:left;width:auto}#project-view .project-title .project-headline{margin-left:0;margin-right:0}#project-view .project-opening{animation:none}#project-view .project-overview{background:transparent}
#viewer{border:1px solid #725248;border-radius:20px;background:#29130d;color:#e4d0c1}#viewer::backdrop{background:#160703de}#viewer .viewer-header{background:#e4d8cc;color:#681b10;border:0}#viewer .viewer-header .micro{color:#786052}#viewer .viewer-header h2{font-family:var(--portfolio-serif);font-size:25px;font-weight:400}#viewer .viewer-controls{border-color:#e4d0c12b;background:#351a12;color:#e4d0c1}#viewer-images img{border-radius:12px;background:#e4d8cc}
#project-view .project-title .project-headline{font-family:'DM Sans',Arial,sans-serif}#viewer[open]{display:flex;flex-direction:column}#viewer .viewer-header,#viewer .viewer-controls{flex:none}#viewer-images{flex:1;min-height:0;height:auto}
.work-surface .reveal{transition:opacity 1s cubic-bezier(.22,.61,.36,1),transform 1s cubic-bezier(.22,.61,.36,1)}.work-surface.js-motion .reveal:not(.revealed){transform:translateY(12px)}
@media(hover:hover) and (pointer:fine){.portfolio-project:hover .main-art{scale:1.02}}
@media(max-width:1100px){#category-view,#project-view{width:calc(100% - 40px)}#category-view .category-heading{grid-template-columns:1.5fr 1fr;gap:18px}.category-introduction,.category-summary{padding:32px}.category-introduction{min-height:290px}#category-view .category-exhibitions{gap:18px}.portfolio-project{padding:24px}.project-card-art{height:330px}.portfolio-project.arabian-nights .project-card-art,.portfolio-project.hand-sketches .project-card-art{height:390px}#project-view .project-opening{gap:18px;grid-template-columns:1fr 1.1fr}#project-view .project-title{padding:32px;min-height:470px}#project-view .project-title h1{font-size:70px}#project-view.case-solar-system .project-title h1{font-size:56px}#project-view .project-title .project-headline{font-size:18px}#project-view .project-hero-image{padding:20px;min-height:470px}#project-view .project-hero-image>img{height:420px}#project-view.case-arabian-nights .project-hero-image>img:first-child{height:430px}#project-view.case-arabian-nights .project-hero-image>.hero-companion{height:295px}#project-view .project-overview{gap:18px;grid-template-columns:.75fr 1.25fr}#project-view .project-metadata{padding:30px;font-size:12px}#project-view .project-overview>div:last-child{padding:32px}#project-view .project-feature{padding:32px}#project-view .feature-heading{gap:28px}#project-view .feature-heading>p{max-width:260px;font-size:13px}#project-view .chapter,#project-view .chapter:nth-child(even){gap:18px;grid-template-columns:1fr 1fr}#project-view .chapter .chapter-copy{padding:32px}#project-view .chapter figure{padding:20px}#project-view .chapter p{font-size:14px}#project-view .demo-layout{gap:28px;grid-template-columns:1.3fr 1fr}#project-view .demo-copy h3{font-size:33px}}
@media(max-width:800px){.work-surface .site-header{padding:0 20px}.work-surface .site-header nav{gap:22px}#category-view .category-heading{grid-template-columns:1fr}.category-introduction{min-height:0}#category-view .category-heading h1{font-size:82px;margin-top:35px}.category-summary{display:block}.category-summary>span:first-child{display:none}.category-summary>p{font-size:29px;max-width:580px}.category-summary-label{display:block;margin-top:20px}#category-view .category-exhibitions{grid-template-columns:1fr 1fr}.portfolio-project:nth-child(2),.portfolio-project:nth-child(3){margin-top:0}.project-card-art,.portfolio-project.arabian-nights .project-card-art,.portfolio-project.hand-sketches .project-card-art{height:290px;padding:15px}.portfolio-project.arabian-nights .project-card-art{gap:10px}.project-card-label{gap:14px;align-items:start}.project-card-label h3{font-size:37px}.project-card-label p{font-size:12px}.project-card-label .panel-arrow{width:34px;height:34px;flex-basis:34px;font-size:23px}#project-view .project-opening{grid-template-columns:1fr}#project-view .project-title{min-height:310px}#project-view .project-title h1{font-size:83px;margin:30px 0}#project-view.case-solar-system .project-title h1{font-size:67px}#project-view .project-hero-image{min-height:400px}#project-view .project-title .project-headline{max-width:580px;font-size:20px}#project-view .project-overview{grid-template-columns:1fr}#project-view .project-metadata{display:flex;flex-direction:row;flex-wrap:wrap;gap:15px 25px}#project-view .project-metadata>span{border:0;padding:0;max-width:240px}#project-view .chapter,#project-view .chapter:nth-child(even){grid-template-columns:1fr}#project-view .chapter .chapter-copy,#project-view .chapter:nth-child(even) .chapter-copy{grid-column:1;grid-row:1}#project-view .chapter figure,#project-view .chapter:nth-child(even) figure{grid-column:1;grid-row:2}#project-view .chapter h2{font-size:51px}#project-view .chapter p{font-size:16px}#project-view .chapter figure{padding:24px}#project-view .feature-heading{display:block}#project-view .feature-heading>p{margin-top:25px;max-width:560px;font-size:15px}#project-view .demo-layout{grid-template-columns:1fr}#project-view .demo-copy h3{font-size:37px}#project-view .demo-copy p{font-size:15px}#project-view .next-project h2{font-size:63px}}
@media(max-width:600px){.work-surface .site-header{height:75px;padding:0 18px}.work-surface .wordmark{font-size:25px}.work-surface .site-header nav{gap:18px;font-size:12px}.work-surface footer{padding:30px 18px;font-size:10px}#category-view,#project-view{width:calc(100% - 32px);margin-bottom:16px}#category-view .category-breadcrumb,#project-view .project-nav{font-size:10px;gap:18px;padding:10px 0 24px}.category-introduction,.category-summary{padding:29px 24px}#category-view .category-heading{gap:16px}#category-view .category-heading h1{font-size:64px}.category-summary>p{font-size:29px}.category-summary-label{font-size:11px}#category-view .category-tabs{gap:8px;margin:18px 0}#category-view .category-tabs a{padding:11px 13px;font-size:11px;gap:14px}.category-tabs a>span{display:none}#category-view .category-exhibitions{display:flex;flex-direction:column;gap:16px}.portfolio-project{width:100%;padding:24px}.project-card-index{font-size:10px;min-height:0}.project-card-art,.portfolio-project.arabian-nights .project-card-art,.portfolio-project.hand-sketches .project-card-art{height:330px;margin:22px 0 25px;padding:16px}.portfolio-project.ecoride .project-card-art{height:260px;padding:16px}.portfolio-project.show-of-hands .project-card-art,.portfolio-project.bumble .project-card-art{padding:0}.portfolio-project.loom .project-card-art,.portfolio-project.starbucks .project-card-art,.portfolio-project.wine-tasting .project-card-art{height:245px;padding:12px}.project-card-label h3{font-size:43px}.project-card-label p{font-size:13px;margin-top:15px}.project-card-label .panel-arrow{width:38px;height:38px;flex-basis:38px}#category-view .category-current{padding:30px 24px}#category-view .category-current h2{font-size:37px}#category-view .category-current .micro{font-size:10px}#project-view .project-opening{gap:16px}#project-view .project-title{padding:30px 25px;min-height:0}#project-view .project-title>.micro{font-size:10px;padding-bottom:18px}#project-view .project-title h1{font-size:65px;margin:32px 0}#project-view.case-solar-system .project-title h1{font-size:51px}#project-view .project-title .project-headline{font-size:18px}#project-view .project-hero-image{padding:22px;min-height:310px}#project-view .project-hero-image>img{height:340px;max-height:450px}#project-view.case-ecoride .project-hero-image img,#project-view.case-wine-tasting .project-hero-image img,#project-view.case-loom .project-hero-image img,#project-view.case-starbucks .project-hero-image img{height:auto;max-height:300px}#project-view.case-arabian-nights .project-hero-image{padding:15px;gap:12px}#project-view.case-arabian-nights .project-hero-image>img:first-child{height:340px}#project-view.case-arabian-nights .project-hero-image>.hero-companion{height:235px;margin-bottom:8px}#project-view.case-show-of-hands .project-hero-image img{height:370px}#project-view.case-bumble .project-hero-image img{min-height:350px;height:350px}#project-view .project-overview{margin:16px 0;gap:16px}#project-view .project-metadata{padding:28px 25px;font-size:12px;gap:14px}#project-view .project-metadata>span{max-width:none}#project-view .project-overview>div:last-child{padding:30px 25px}#project-view .project-deck{font-size:28px}#project-view .chapter-links{gap:18px}#project-view .chapter-links a{font-size:10px}#project-view .project-feature{margin:16px 0;padding:30px 24px}#project-view .feature-heading{margin-bottom:28px}#project-view .feature-heading h2{font-size:45px}#project-view .feature-heading>p{font-size:14px;margin-top:23px}#project-view .lookbook{gap:15px;grid-template-columns:1fr 1fr}#project-view .lookbook figure:first-child{grid-column:1/3;width:100%}#project-view .lookbook figure:nth-child(2),#project-view .lookbook figure:nth-child(3){margin-top:0}#project-view figcaption{font-size:11px}#project-view .project-chapters{gap:16px;margin:16px 0}#project-view .chapter,#project-view .chapter:nth-child(even){gap:16px}#project-view .chapter .chapter-copy{padding:30px 25px}#project-view .chapter h2{font-size:43px}#project-view .chapter p{font-size:15px;line-height:1.8}#project-view .chapter-number{font-size:10px;margin-bottom:23px}#project-view .chapter figure{padding:18px}#project-view .chapter-figure-note span{display:none}#project-view .interaction-stage{padding:20px 16px;border-radius:16px}#project-view .stage-tabs{gap:8px;margin-bottom:25px}#project-view .stage-tabs button{font-size:11px;padding:10px 13px}#project-view .demo-layout{gap:25px}#project-view .demo-copy h3{font-size:34px}#project-view .demo-copy p{font-size:14px}#project-view .planet-pair{grid-template-columns:1fr}#project-view .planet-pair figure:first-child{grid-column:1}#project-view .phone-pair{gap:16px}#project-view .phone-pair img{max-width:46%;max-height:370px}#project-view .phone-pair img:nth-child(2){margin-top:25px}#project-view .project-credit{padding:26px 24px;font-size:11px;margin:16px 0}#project-view .next-project{padding:30px 25px 35px;margin-top:16px}#project-view .next-project h2{font-size:47px;gap:15px}#project-view .next-project h2 span{font-size:27px}#project-view .next-project .micro{font-size:10px}}
@media(max-width:370px){.work-surface .wordmark{font-size:22px}.work-surface .site-header nav{gap:12px;font-size:11px}.discipline-copy h3,.fashion-panel h3{font-size:47px}.project-card-label h3{font-size:37px}.portfolio-project{padding:20px}#project-view .project-title h1{font-size:57px}#project-view.case-solar-system .project-title h1{font-size:47px}}
@media(prefers-reduced-motion:reduce){.work-surface .reveal{transition:none;transform:none!important}.work-surface.js-motion .reveal:not(.revealed){opacity:1;transform:none}.portfolio-project:hover .main-art{scale:1}.portfolio-project .panel-arrow{transition:none}#project-view .image-button:hover img{transform:none}}