/* Home only. This stylesheet is not loaded by any case. */
@font-face{font-family:'Fine Matter Display';src:url('/assets/home-2026/fonts/fine-matter-display.woff2') format('woff2');font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:'Ysabeau';src:url('/assets/home-2026/fonts/ysabeau-variable.woff2') format('woff2');font-weight:100 1000;font-style:normal;font-display:swap}
:root{--hp-paper:#f3f0eb;--hp-ink:#262825;--hp-muted:#656761;--hp-line:#cecac2;--hp-accent:#b44832;--hp-tint:#e8d8cb;--hp-white:#fffdf9;--hp-width:1440px;color-scheme:light}
html{scroll-behavior:smooth;scroll-padding-top:28px}
.portfolio-home{margin:0;background:var(--hp-paper);color:var(--hp-ink);font-family:'Ysabeau',Arial,Helvetica,sans-serif;font-size:17px;font-weight:450;font-synthesis:none;line-height:1.55;-webkit-font-smoothing:antialiased}
.portfolio-home *{box-sizing:border-box}
.portfolio-home img{display:block;max-width:100%}
.portfolio-home a{color:inherit;text-decoration:none;touch-action:manipulation}
.portfolio-home button{font:inherit;touch-action:manipulation;cursor:pointer}
.portfolio-home a:focus-visible,.portfolio-home button:focus-visible,.portfolio-home [tabindex]:focus-visible{outline:3px solid var(--hp-accent);outline-offset:5px}
.portfolio-home [hidden]{display:none!important}
.portfolio-home ::selection{background:var(--hp-tint);color:var(--hp-ink)}
.portfolio-home h1,.portfolio-home h2,.portfolio-home h3,.portfolio-home h4,.portfolio-home p,.portfolio-home figure{margin:0}
.hp-wrap{width:calc(100% - 112px);max-width:var(--hp-width);margin-inline:auto}
.hp-skip{position:fixed;top:12px;left:16px;z-index:100;padding:12px 20px;background:var(--hp-ink);color:var(--hp-white)!important;transform:translateY(-150%)}
.hp-skip:focus{transform:none}
.hp-header{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--hp-line)}
.hp-wordmark{font-family:'Fine Matter Display',Georgia,serif;font-size:34px;font-weight:500;letter-spacing:-.02em;line-height:1.1;white-space:nowrap}
.hp-header-note{font-size:13px;color:var(--hp-muted)}
.hp-contact-top{font-size:14px;border-bottom:1px solid var(--hp-line);padding-block:5px}
.hp-contact-top span{color:var(--hp-accent);margin-left:18px}
.hp-hero{padding-block:65px 54px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:7%;align-items:center}
.hp-kicker{font-size:13px;letter-spacing:.04em;line-height:1.5}
.hp-accent{color:var(--hp-accent)}
.hp-hero h1{font-family:'Fine Matter Display',Georgia,serif;font-size:clamp(66px,8.5vw,132px);font-weight:450;line-height:.96;letter-spacing:-.028em;margin:30px 0 25px}
.hp-title-dot{color:var(--hp-accent)}
.hp-role{font-size:clamp(22px,2.4vw,36px);letter-spacing:-.045em;line-height:1.2}
.hp-intro{margin-top:12px!important;font-size:18px;letter-spacing:-.015em}
.hp-hero-description{max-width:390px;color:var(--hp-muted);font-size:15px;margin-top:24px!important;line-height:1.65}
.hp-portrait{position:relative;isolation:isolate;margin-top:12px!important;padding:0 0 20px 20px}
.hp-portrait:before{content:"";position:absolute;inset:28px 20px 0 0;background:var(--hp-tint);z-index:-1}
.hp-portrait img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;filter:none}
.hp-portrait figcaption{font-size:11px;color:var(--hp-muted);text-align:right;padding-top:9px}
.hp-menu{display:flex;flex-wrap:wrap;align-items:center;gap:12px 40px;border-top:1px solid var(--hp-line);border-bottom:1px solid var(--hp-line);padding-block:20px;scroll-margin-top:24px}
.hp-menu a{font-size:15px;min-height:44px;display:inline-flex;align-items:center;position:relative}
.hp-menu a:after{content:"";position:absolute;left:0;right:0;bottom:5px;height:2px;background:var(--hp-accent);transform:scaleX(0);transform-origin:0;transition:transform .2s}
.hp-menu a:hover:after,.hp-menu a:focus-visible:after{transform:scaleX(1)}
.hp-section{padding-block:100px}
.portfolio-home h2{font-family:'Fine Matter Display',Georgia,serif;font-size:clamp(42px,4.9vw,76px);font-weight:450;line-height:1.04;letter-spacing:-.025em}
.hp-project-copy h3,.hp-merch-copy h3,.hp-winter-copy h3,.hp-production h3{font-family:'Fine Matter Display',Georgia,serif}
.hp-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:48px}
.hp-section-heading .hp-kicker{margin-bottom:22px}
.hp-section-heading>p{max-width:360px;font-size:16px;color:var(--hp-muted);line-height:1.65;padding-bottom:3px}
.hp-about{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:58px 12%;padding-bottom:82px}
.hp-about-intro .hp-kicker{margin-bottom:24px}
.hp-about-intro>p:last-child{font-size:18px;max-width:500px;line-height:1.65;margin-top:28px}
.hp-about-details{padding-top:6px}
.hp-about-details h3{font-size:13px;font-weight:400;color:var(--hp-muted);margin-bottom:13px}
.hp-experience>p{font-size:20px;line-height:1.6;letter-spacing:-.02em}
.hp-education{margin-top:29px}
.hp-education>div+div{margin-top:17px}
.hp-education h4{font-size:15px;font-weight:400;line-height:1.4}
.hp-education p{font-size:12px;color:var(--hp-muted);margin-top:5px}
.hp-skills{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;border-top:1px solid var(--hp-line);padding-top:25px}
.hp-skill h3{font-size:16px;font-weight:400;letter-spacing:-.025em;margin-bottom:12px;line-height:1.3}
.hp-skill p{font-size:14px;line-height:1.7;color:var(--hp-muted)}
.hp-supporting-skills{grid-column:1/-1;font-size:14px;color:var(--hp-muted);border-top:1px solid var(--hp-line);padding-top:18px}
.hp-selected{border-top:1px solid var(--hp-line);padding-top:84px}
.hp-projects{display:grid;gap:64px}
.hp-project-link{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:5%;align-items:center}
.hp-project-art{position:relative;overflow:hidden;min-width:0;aspect-ratio:1.5;background:#ddd8cf}
.hp-project-art>img:first-child{height:100%;width:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.6,.3,1)}
.hp-project-link:hover .hp-project-art>img:first-child{transform:scale(1.025)}
.hp-project-copy .hp-kicker{color:var(--hp-muted);margin-bottom:18px}
.hp-project-copy h3{font-size:clamp(37px,3.9vw,58px);font-weight:450;letter-spacing:-.025em;line-height:1.08}
.hp-project-subtitle{font-size:20px;letter-spacing:-.025em;line-height:1.4;margin-top:12px!important}
.hp-project-description{font-size:15px;line-height:1.75;color:var(--hp-muted);margin-top:22px!important;max-width:330px}
.hp-case-link{display:inline-flex;gap:35px;align-items:center;font-size:13px;border-bottom:1px solid var(--hp-line);padding-bottom:8px;margin-top:32px;transition:border-color .2s}
.hp-case-link>span{color:var(--hp-accent);font-size:22px;line-height:1}
a:hover .hp-case-link{border-color:var(--hp-accent)}
.hp-project--aeroflot .hp-project-art{background:#001e4e;display:flex;align-items:center;justify-content:center;isolation:isolate}
.hp-project--aeroflot .hp-project-art:before,.hp-project--aeroflot .hp-project-art:after{content:"";position:absolute;z-index:-1;width:95%;height:140%;border:1px solid #fff2;border-radius:50%;transform:rotate(-30deg);right:-50%;bottom:-90%}
.hp-project--aeroflot .hp-project-art:after{right:-41%;bottom:-78%;border-color:#fff1}
.hp-project--aeroflot .hp-project-art>img:first-child{width:78%;height:auto;object-fit:contain}
.hp-project--ramo2 .hp-project-link{grid-template-columns:minmax(0,1fr) minmax(0,1.85fr)}
.hp-project--ramo2 .hp-project-art{grid-column:2;grid-row:1}
.hp-project--ramo2 .hp-project-copy{grid-column:1;grid-row:1}
.hp-project--ramo2 .hp-project-art>img:first-child{object-position:65% center;transform:scaleX(-1)}
.hp-project--ramo2 .hp-project-link:hover .hp-project-art>img:first-child{transform:scale(-1.025,1.025)}
.hp-brand-logo{position:absolute;width:41%;height:auto;left:8%;top:38%;transform:none}
.hp-project--city-voyage .hp-project-link{display:block}
.hp-project--city-voyage .hp-project-art{aspect-ratio:2.15}
.hp-project--city-voyage .hp-project-art>img:first-child{object-position:18% 55%}
.hp-project--city-voyage .hp-project-art:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#051e19a8)}
.hp-city-title{position:absolute;bottom:9%;left:5%;color:#fffdf9;z-index:1;font-size:clamp(34px,5vw,78px);font-weight:400;letter-spacing:-.055em;line-height:1}
.hp-project--city-voyage .hp-project-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:12px 5%;padding-top:25px;align-items:start}
.hp-project--city-voyage .hp-kicker{grid-column:1;grid-row:1;margin:0}
.hp-project--city-voyage h3{grid-column:1;grid-row:2;font-size:36px}
.hp-project--city-voyage .hp-project-subtitle{grid-column:2;grid-row:1/3;margin:0!important}
.hp-project--city-voyage .hp-project-description{display:none}
.hp-project--city-voyage .hp-case-link{grid-column:3;grid-row:1/3;margin-top:5px}
.hp-merch{background:#e9e4dc;padding-top:82px}
.hp-gallery{position:relative;min-width:0}
.hp-track{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#99958d transparent;gap:16px;align-items:flex-start}
.hp-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:normal}
.hp-slide>img{width:100%;height:auto;object-fit:contain;background:#f8f7f3}
.hp-gallery-controls{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:15px}
.hp-gallery-count{font-size:12px;margin-right:15px;color:var(--hp-muted);font-variant-numeric:tabular-nums}
.hp-gallery-controls button{background:transparent;color:inherit;border:1px solid #aaa69e;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font-size:21px;line-height:1;transition:background .2s,border-color .2s}
.hp-gallery-controls button:hover:not(:disabled){background:var(--hp-ink);color:var(--hp-white);border-color:var(--hp-ink)}
.hp-gallery-controls button:disabled{opacity:.3;cursor:default}
.hp-merch-feature .hp-track{gap:20px}
.hp-merch-feature .hp-slide{flex-basis:calc((100% - 20px)/2)}
.hp-merch-feature .hp-slide>img{height:clamp(340px,36vw,535px);object-fit:contain}
.hp-merch-copy{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:7%}
.hp-merch-copy h3{font-size:32px;font-weight:450;line-height:1.2;letter-spacing:-.02em;margin-top:9px}
.hp-merch-copy p:not(.hp-kicker){font-size:14px;line-height:1.65;max-width:500px}
.hp-merch-copy .hp-kicker{color:var(--hp-muted)}
.hp-merch-copy .hp-material{font-size:11px!important;color:var(--hp-muted);margin-top:13px}
.hp-merch-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;margin-top:60px}
.hp-merch-pair .hp-merch-copy{display:block}
.hp-merch-pair .hp-merch-copy>div+div{margin-top:14px}
.hp-merch-pair .hp-slide>img{height:auto;aspect-ratio:1.5;object-fit:contain}
.hp-production{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7%;border-top:1px solid #c6c0b6;padding-top:26px;margin-top:52px}
.hp-production h3{font-size:25px;font-weight:400;letter-spacing:-.04em}
.hp-production>p{font-size:14px;line-height:1.75;max-width:550px}
.hp-editorial{background:var(--hp-ink);color:var(--hp-paper);padding-block:85px}
.hp-editorial .hp-section-heading>p{color:#bdbeb6}
.hp-editorial .hp-kicker{color:#c5c2ba}
.hp-editorial a:focus-visible,.hp-editorial button:focus-visible,.hp-editorial [tabindex]:focus-visible{outline-color:#f3f0eb}
.hp-editorial-description{display:flex;justify-content:space-between;gap:35px;margin-bottom:25px;align-items:baseline}
.hp-editorial-description h3{font-size:20px;line-height:1.3;letter-spacing:-.025em;font-weight:400;max-width:380px}
.hp-editorial-description>p{font-size:13px;line-height:1.7;color:#c5c2ba;max-width:500px}
.hp-editorial-work+.hp-editorial-work{margin-top:55px}
.hp-editorial .hp-track{align-items:flex-start;gap:24px;scrollbar-color:#898980 transparent}
.hp-editorial .hp-slide{padding:0;background:transparent}
.hp-editorial .hp-slide>img{height:auto;aspect-ratio:16/9;object-fit:contain;background:#fff}
.hp-editorial figcaption{padding-top:17px;font-size:13px;line-height:1.4;color:#c5c2ba;display:flex;justify-content:space-between;align-items:baseline;gap:20px}
.hp-editorial figcaption>a{border-bottom:1px solid #77786e;white-space:nowrap;min-height:34px;display:inline-flex;align-items:center}
.hp-editorial .hp-gallery-controls{margin-top:21px}
.hp-editorial .hp-gallery-controls button{border-color:#77786e}
.hp-editorial .hp-gallery-controls button:hover:not(:disabled){background:var(--hp-paper);color:var(--hp-ink);border-color:var(--hp-paper)}
.hp-editorial .hp-gallery-count{color:#c5c2ba}
.hp-winter-images{display:grid;grid-template-columns:1fr 1fr;gap:14px;overflow:hidden}
.hp-winter+.hp-winter{margin-top:55px}
.hp-winter-images img{width:100%;height:auto;aspect-ratio:1.4;object-fit:cover;transition:filter .3s}
.hp-winter-link:hover img{filter:brightness(1.05)}
.hp-winter-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7%;padding-top:24px}
.hp-winter-copy h3{font-size:40px;line-height:1.2;font-weight:450;letter-spacing:-.025em;margin-top:8px}
.hp-winter-copy .hp-kicker{color:var(--hp-muted)}
.hp-winter-subtitle{font-size:16px;margin-top:7px!important}
.hp-winter-copy>div:last-child>p{font-size:15px;max-width:400px;line-height:1.7}
.hp-winter-copy .hp-case-link{margin-top:18px}
.hp-credit{font-size:11px;line-height:1.6;color:var(--hp-muted);margin-top:24px!important;max-width:650px}
.hp-contacts{padding-top:85px;background:var(--hp-tint)}
.hp-contacts h2{font-size:clamp(65px,8.8vw,132px);letter-spacing:-.025em;margin-top:26px;line-height:.97}
.hp-contacts h2>span{color:var(--hp-accent)}
.hp-contact-links{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:24px;margin-top:43px}
.hp-email{font-size:clamp(20px,3.1vw,44px);letter-spacing:-.04em;line-height:1.4;border-bottom:1px solid #aa9d92;overflow-wrap:anywhere}
.hp-email>span{color:var(--hp-accent);margin-left:15px}
.hp-phone{font-size:18px;white-space:nowrap;border-bottom:1px solid #aa9d92}
.hp-contact-links a:hover{border-color:var(--hp-accent)}
.hp-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #bdad9f;padding-block:26px;margin-top:76px;font-size:11px}
.hp-footer a{min-height:44px;display:inline-flex;align-items:center}
.portfolio-home .floating-menu{position:fixed;right:24px;bottom:24px;z-index:20;background:var(--hp-accent);color:var(--hp-white);border:1px solid var(--hp-accent);box-shadow:0 5px 20px #2628251a;transition:transform .2s}
.portfolio-home .floating-menu:hover{transform:translateY(-3px)}
/* Content is visible by default. JS enables one-time, small-distance reveals. */
.portfolio-home .hp-awaiting{opacity:0;transform:translateY(18px)}
.portfolio-home .hp-revealed{opacity:1;transform:none;transition:opacity .65s ease,transform .65s cubic-bezier(.2,.65,.3,1)}
@media(min-width:1700px){.hp-hero{padding-block:75px}.hp-hero h1{font-size:126px}}
@media(max-width:1050px){.hp-wrap{width:calc(100% - 64px)}.hp-header{min-height:80px}.hp-hero{gap:5%;padding-block:50px}.hp-hero h1{font-size:8vw}.hp-hero-description{font-size:14px}.hp-section{padding-block:75px}.hp-about{gap:40px 7%}.hp-skills{gap:20px}.hp-section-heading{gap:32px}.hp-project-copy .hp-kicker{font-size:10px}.hp-project-subtitle{font-size:18px}.hp-project-description{font-size:13px;margin-top:15px!important}.hp-case-link{margin-top:22px}.hp-projects{gap:48px}.hp-menu{gap:12px 30px}.hp-merch-pair{gap:22px}.hp-merch-feature .hp-slide>img{height:365px}.hp-project--city-voyage .hp-project-copy{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hp-project--city-voyage .hp-case-link{grid-row:3;grid-column:1/-1;justify-self:start}.hp-contact-links{gap:20px}.hp-email{font-size:3.5vw}}
@media(max-width:700px){html{scroll-padding-top:20px}.hp-wrap{width:calc(100% - 40px)}.hp-header{min-height:72px;gap:12px}.hp-header-note{display:none}.hp-wordmark{font-size:28px}.hp-contact-top{font-size:12px}.hp-contact-top span{margin-left:9px}.hp-hero{grid-template-columns:1fr;gap:30px;padding-block:36px 34px}.hp-hero h1{font-size:clamp(64px,14.5vw,102px);margin:25px 0 20px;letter-spacing:-.028em}.hp-hero .hp-kicker{font-size:11px}.hp-role{font-size:25px}.hp-intro{font-size:16px}.hp-hero-description{max-width:370px;margin-top:18px!important}.hp-portrait{width:80%;max-width:390px;justify-self:end;padding:0 0 10px 13px;margin-top:0!important}.hp-portrait:before{inset:18px 13px 0 0}.hp-portrait figcaption{font-size:10px;padding-top:7px}.hp-menu{gap:3px 26px;padding-block:12px}.hp-menu a{font-size:14px;min-height:44px}.hp-section{padding-block:56px}.hp-about{grid-template-columns:1fr;gap:30px}.hp-about-intro .hp-kicker{margin-bottom:20px}.hp-about-intro>p:last-child{font-size:16px;margin-top:22px;max-width:480px}.hp-about-details{display:grid;grid-template-columns:1fr;gap:25px}.hp-experience>p{font-size:18px}.hp-education{margin-top:0}.hp-about-details h3{font-size:12px;margin-bottom:10px}.hp-education h4{font-size:14px}.hp-skills{grid-template-columns:1fr 1fr;gap:25px 20px;padding-top:23px}.hp-skill h3{font-size:15px;margin-bottom:8px}.hp-skill p{font-size:12px}.hp-section-heading{display:block;margin-bottom:30px}.hp-section-heading .hp-kicker{margin-bottom:19px}.hp-section-heading>p{font-size:14px;margin-top:22px;max-width:420px}.hp-section-heading>p br{display:none}.hp-project-link,.hp-project--ramo2 .hp-project-link{display:flex;flex-direction:column;gap:22px;align-items:stretch}.hp-project-art{aspect-ratio:1.4;width:100%}.hp-project-copy .hp-kicker{font-size:11px;margin-bottom:10px}.hp-project-copy h3{font-size:34px}.hp-project-subtitle{font-size:18px;max-width:380px;margin-top:8px!important}.hp-project-description{font-size:13px;max-width:400px;margin-top:13px!important}.hp-case-link{margin-top:18px;min-height:34px}.hp-projects{gap:43px}.hp-project--city-voyage .hp-project-art{aspect-ratio:1.3}.hp-project--city-voyage .hp-project-art>img:first-child{object-position:15% center}.hp-project--city-voyage .hp-project-copy{display:block;padding-top:22px}.hp-project--city-voyage .hp-project-subtitle{margin-top:8px!important}.hp-project--city-voyage .hp-case-link{margin-top:18px}.hp-city-title{font-size:34px;left:6%;bottom:10%}.hp-merch-feature .hp-slide{flex-basis:100%}.hp-merch-feature .hp-slide>img{height:auto;aspect-ratio:1;object-fit:contain}.hp-merch-copy{display:block;margin-top:18px}.hp-merch-copy>div+div{margin-top:12px}.hp-merch-copy h3{font-size:25px}.hp-merch-copy p:not(.hp-kicker){font-size:13px}.hp-merch-pair{grid-template-columns:1fr;gap:34px;margin-top:37px}.hp-merch-pair .hp-slide>img{aspect-ratio:1.35}.hp-production{display:block;margin-top:34px;padding-top:23px}.hp-production h3{font-size:23px;margin-bottom:15px}.hp-production>p{font-size:13px}.hp-gallery-controls{gap:8px;margin-top:12px}.hp-gallery-controls button{width:44px;height:44px}.hp-editorial .hp-slide>img{aspect-ratio:auto;min-height:180px}.hp-editorial figcaption{font-size:12px;min-height:42px}.hp-editorial .hp-gallery-controls{margin-top:12px}.hp-winter-images{gap:9px}.hp-winter-images img{aspect-ratio:.85}.hp-winter-copy{display:block;padding-top:20px}.hp-winter-copy h3{font-size:30px}.hp-winter-subtitle{font-size:15px}.hp-winter-copy>div+div{margin-top:20px}.hp-winter-copy>div:last-child>p{font-size:13px}.hp-credit{font-size:10px;margin-top:20px!important}.hp-contacts{padding-top:55px}.hp-contacts h2{font-size:clamp(55px,12.5vw,85px);margin-top:24px}.hp-contact-links{display:block;margin-top:30px}.hp-email{font-size:clamp(18px,4.9vw,29px);display:inline-block;letter-spacing:-.035em}.hp-email>span{margin-left:4px}.hp-phone{display:table;font-size:16px;margin-top:23px}.hp-footer{margin-top:46px;padding-block:23px;display:grid;grid-template-columns:1fr auto;gap:12px;font-size:10px}.hp-footer>span:last-child{grid-row:2}.hp-footer>a{grid-row:1/3;grid-column:2}.portfolio-home .floating-menu{right:16px;bottom:16px}}
@media(max-width:700px){.hp-editorial-description{display:block;margin-bottom:22px}.hp-editorial-description h3{font-size:19px}.hp-editorial-description>p{margin-top:12px;max-width:420px}.hp-editorial figcaption{gap:12px}.hp-editorial figcaption>span{min-width:0}.hp-editorial figcaption>a{font-size:11px}}
@media(max-width:359px){.hp-wrap{width:calc(100% - 32px)}.hp-hero h1{font-size:60px}.hp-menu{gap:2px 22px}.hp-skills{grid-template-columns:1fr}.hp-contacts h2{font-size:54px}.hp-email{font-size:18px}.hp-email>span{display:none}}
/* Restored hierarchy: four main cases, five compact projects, digital, motion/3D. */
.hp-structure-restored .hp-selected{border-top:0;padding-top:68px}
.hp-structure-restored .hp-projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:54px 28px}
.hp-structure-restored .hp-project-link{display:block}
.hp-structure-restored .hp-project-art{aspect-ratio:1.45}
.hp-structure-restored .hp-project-copy{display:block;padding-top:22px}
.hp-structure-restored .hp-project-copy .hp-kicker{margin-bottom:10px;font-size:12px}
.hp-structure-restored .hp-project-copy h3{font-size:clamp(29px,3vw,43px)}
.hp-structure-restored .hp-project-subtitle{font-size:17px;margin-top:10px!important;max-width:540px}
.hp-structure-restored .hp-case-link{margin-top:18px}
.hp-structure-restored .hp-city-title{font-size:clamp(30px,4vw,58px);bottom:10%;left:7%}
.hp-project-status{position:absolute;top:18px;left:18px;z-index:2;background:var(--hp-paper);padding:6px 12px;border-radius:20px;font-size:12px;color:var(--hp-ink)}
.hp-project--winter .hp-project-art{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;background:#ddd8cf}
.hp-project--winter .hp-project-art>img{width:100%;height:100%;min-width:0;object-fit:cover;object-position:center 44%;transition:transform .7s cubic-bezier(.2,.6,.3,1)}
.hp-project--winter .hp-project-link:hover .hp-project-art>img{transform:scale(1.025)}
.hp-structure-restored .hp-credit{font-size:11px;max-width:540px;margin-top:16px!important}
.hp-secondary{border-top:1px solid var(--hp-line);padding-top:68px}
.hp-legacy-anchor{display:block;scroll-margin-top:28px}
.hp-compact{border-top:1px solid var(--hp-line)}
.hp-compact:last-child{border-bottom:1px solid var(--hp-line)}
.hp-compact summary,.hp-compact-link{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) 28px;gap:20px;align-items:center;padding:25px 4px;list-style:none;cursor:pointer}
.hp-compact summary::-webkit-details-marker{display:none}
.hp-compact summary:hover,.hp-compact-link:hover{background:var(--hp-tint)}
.hp-compact summary:focus-visible{outline:3px solid var(--hp-accent);outline-offset:3px}
.hp-compact h3{font-family:'Fine Matter Display',Georgia,serif;font-size:29px;font-weight:450;line-height:1.2;letter-spacing:-.02em}
.hp-compact-category{font-size:14px;color:var(--hp-muted)}
.hp-compact-category small{display:block;font-size:11px;margin-top:4px}
.hp-compact-action,.hp-compact-arrow{font-size:26px;color:var(--hp-accent);text-align:center}
.hp-compact-action:before{content:'+'}
.hp-compact[open] .hp-compact-action:before{content:'−'}
.hp-compact-content{padding:6px 4px 28px;max-width:900px;margin-inline:auto}
.hp-compact-content>p:first-child{font-size:15px;max-width:620px;margin-bottom:20px;color:var(--hp-muted)}
.hp-compact-content .hp-slide>img{max-height:520px;aspect-ratio:1.6}
.hp-compact-content .hp-material{font-size:12px;color:var(--hp-muted);margin-top:15px}
.hp-digital{max-width:940px;margin:60px auto 0;padding:30px;background:#e9e4dc;scroll-margin-top:28px}
.hp-digital-heading{display:flex;justify-content:space-between;align-items:baseline;gap:25px;margin-bottom:24px}
.hp-digital-heading h3{font-family:'Fine Matter Display',Georgia,serif;font-size:32px;font-weight:450;line-height:1.2}
.hp-digital-heading p{font-size:13px;color:var(--hp-muted);max-width:250px}
.hp-digital-intro{display:none}
.hp-digital .hp-slide>img{height:360px;object-fit:contain;background:#fff}
.hp-digital figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding-top:14px;font-size:13px;color:var(--hp-muted)}
.hp-digital figcaption a{min-height:36px;display:inline-flex;align-items:center;border-bottom:1px solid var(--hp-line);white-space:nowrap}
.hp-playground{border-top:1px solid var(--hp-line);padding-top:68px}
.hp-play-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start}
.hp-play-grid>article{min-width:0}
.hp-playground h3{font-family:'Fine Matter Display',Georgia,serif;font-size:29px;font-weight:450;line-height:1.2}
.hp-motion>p,.hp-play-grid .hp-3d-description{font-size:14px;line-height:1.65;color:var(--hp-muted);margin-top:12px;max-width:540px}
.hp-motion{margin-top:54px;min-width:0}
.hp-reel{width:100%;min-width:0;height:clamp(280px,28vw,380px);background:var(--hp-tint);position:relative;display:grid;place-items:center;overflow:hidden;margin-bottom:22px}
.hp-reel-label{position:absolute;top:18px;left:20px;font-size:12px;color:var(--hp-muted)}
.hp-reel .reel-word{font-family:'Fine Matter Display',Georgia,serif;font-size:clamp(64px,7vw,100px);line-height:.95;letter-spacing:-.04em;margin-bottom:28px;animation:hp-reel 6s ease-in-out infinite}
.hp-reel.paused .reel-word{animation-play-state:paused}
.hp-reel button{position:absolute;left:20px;bottom:18px;border:1px solid var(--hp-ink);border-radius:25px;padding:9px 18px;background:transparent;color:var(--hp-ink);font-size:13px}
.hp-reel button:hover{background:var(--hp-ink);color:var(--hp-paper)}
.hp-3d .iz-showcase{margin-top:0;color:inherit}
.hp-3d .iz-stage{min-height:0;aspect-ratio:1.25;height:auto;margin-bottom:22px}
.hp-3d .iz-stage canvas{max-width:100%}
.hp-play-grid .iz-stage{min-height:200px}
.hp-structure-restored .hp-about{border-top:1px solid var(--hp-line)}
@keyframes hp-reel{0%,100%{transform:rotate(-8deg) scale(.85)}45%{transform:rotate(5deg) scale(1.1)}65%{transform:rotate(0) scale(1)}}
@media(max-width:1050px){.hp-structure-restored .hp-projects{gap:42px 24px}.hp-compact h3{font-size:25px}.hp-play-grid{gap:24px}}
@media(max-width:700px){.hp-structure-restored .hp-selected,.hp-secondary,.hp-playground{padding-top:48px}.hp-structure-restored .hp-projects{grid-template-columns:1fr;gap:38px}.hp-structure-restored .hp-project-art{aspect-ratio:1.4}.hp-structure-restored .hp-project-copy h3{font-size:34px}.hp-compact summary,.hp-compact-link{grid-template-columns:minmax(0,1fr) 28px;gap:9px 12px;padding-block:22px}.hp-compact-category{grid-column:1;grid-row:2;font-size:13px}.hp-compact-action,.hp-compact-arrow{grid-column:2;grid-row:1/3}.hp-compact h3{font-size:26px}.hp-compact-content .hp-slide>img{aspect-ratio:1}.hp-digital{padding:20px 16px;margin-top:38px}.hp-digital-heading{display:block}.hp-digital-heading h3{font-size:29px}.hp-digital-heading p{margin-top:10px;max-width:none}.hp-digital .hp-slide>img{height:300px}.hp-digital figcaption{font-size:12px;gap:12px}.hp-play-grid{grid-template-columns:1fr;gap:38px}.hp-motion{margin-top:38px}.hp-reel{height:auto;aspect-ratio:1.25}.hp-reel .reel-word{font-size:clamp(48px,12vw,90px);margin-bottom:24px}.hp-3d .iz-stage{aspect-ratio:1.25}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.portfolio-home *,.portfolio-home *:before,.portfolio-home *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.portfolio-home .hp-awaiting{opacity:1;transform:none}}
