@font-face{font-family:UNCAGE;src:url('/assets/fonts/uncage.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Evolventa;src:url('/assets/fonts/evolventa-regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Evolventa;src:url('/assets/fonts/evolventa-bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}
:root{--paper:#f3f4f5;--ink:#17191b;--muted:#61666b;--red:#a51213;--line:rgba(33,38,44,.11);--pad:clamp(22px,5vw,88px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#e6e8eb;color:var(--ink);font-family:Evolventa,sans-serif;font-size:16px;line-height:1.5}body.modal-open{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--red);outline-offset:6px}img,video{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:UNCAGE,sans-serif;font-weight:400;line-height:1.02;letter-spacing:-.055em}p{color:var(--muted)}.skip{position:fixed;z-index:100;top:-100px;left:12px;padding:12px;background:white}.skip:focus{top:12px}.topbar{height:90px;display:flex;align-items:center;gap:28px;justify-content:space-between;padding:10px var(--pad);background:var(--paper)}.brand{width:185px}.brand img{filter:invert(1);width:100%;height:auto}.desktop-nav{display:flex;gap:32px;margin-left:auto;font-size:14px}.desktop-nav a{padding:8px 0}.desktop-nav a:hover,.desktop-nav a[aria-current]{color:var(--red)}.glass{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.95);border-radius:12px;background:linear-gradient(125deg,rgba(255,255,255,.72),rgba(255,255,255,.16));box-shadow:inset 0 1px 2px #fff,0 6px 18px rgba(25,30,40,.08);backdrop-filter:blur(16px);padding:14px 22px;transition:background .2s,transform .2s;font-size:14px}.glass:hover{background:#fff;transform:translateY(-2px)}.small{padding:10px 22px}.menu-toggle{display:none;border:0;background:none}.mobile-menu{padding:16px var(--pad);background:var(--paper)}.mobile-menu:not([hidden]){display:grid;grid-template-columns:1fr 1fr;gap:18px}.hero{margin:0 16px;position:relative;min-height:470px;height:min(67vh,660px);border-radius:26px;overflow:hidden;background:#101113;color:white;isolation:isolate}.hero-video{position:absolute;width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:.72;z-index:-2}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.45),transparent 60%),linear-gradient(0deg,rgba(0,0,0,.5),transparent 40%);z-index:-1}.hero-top{padding:24px 32px;display:flex;justify-content:space-between;gap:20px;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.hero-title{position:absolute;inset:24% 3% auto;font-size:clamp(68px,12.2vw,190px);letter-spacing:-.065em;line-height:.91;margin:0;pointer-events:none}.hero-title span{display:block;text-align:right;font-weight:400;font-size:.72em;margin-top:.08em}.hero-bottom{position:absolute;bottom:30px;left:32px;right:32px;display:flex;align-items:end;justify-content:space-between;gap:20px}.hero-bottom p{color:#fff;font-size:16px;max-width:270px;margin:0}.hero-controls{display:flex;gap:10px}.hero .glass{color:#fff;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.4);box-shadow:inset 0 1px rgba(255,255,255,.3)}.hero .glass:hover{background:rgba(255,255,255,.25)}.workspace{margin-top:-1px;padding:70px var(--pad) 22px;position:relative;background-color:var(--paper);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:90px 90px;overflow:hidden;border-radius:0 0 38px 38px}.workspace:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 0%,#f3f4f5 8%,transparent 64%);pointer-events:none}.workspace-head{position:relative;display:grid;grid-template-columns:160px 1fr 300px;gap:35px;align-items:start}.eyebrow{font-size:12px;font-weight:400;letter-spacing:.12em;text-transform:uppercase}.workspace-head h2{font-size:clamp(30px,4vw,58px);text-transform:uppercase;max-width:680px;line-height:1.02}.workspace-head h2 em{font-style:normal;color:#858c92}.workspace-head p{font-size:16px;margin:0}.folder-field{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:270px 270px 270px;gap:12px;min-height:834px;margin:25px 0 0}.folder-link{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;position:relative;isolation:isolate;transition:transform .45s cubic-bezier(.2,.7,.2,1)}.folder-link:nth-child(1){grid-column:1/4;grid-row:1/3;transform:translateY(-10px)}.folder-link:nth-child(2){grid-column:5/8;grid-row:1/2;transform:translateY(10px)}.folder-link:nth-child(3){grid-column:9/12;grid-row:1/3;transform:translateY(-42px)}.folder-link:nth-child(4){grid-column:3/6;grid-row:2/4;transform:translateY(24px)}.folder-link:nth-child(5){grid-column:7/10;grid-row:2/4;transform:translateY(35px)}.folder-link:nth-child(6){grid-column:10/13;grid-row:3/4;transform:translateY(6px)}.folder-link:hover,.folder-link:focus-visible{transform:translateY(-12px)}.folder-icon{width:clamp(150px,16.5vw,245px);height:175px;overflow:visible;flex-shrink:0;position:relative;transition:transform .35s,filter .35s;filter:drop-shadow(0 14px 12px rgba(10,15,25,.15))}.folder-link:hover .folder-icon,.folder-link:focus-visible .folder-icon{transform:rotate(-4deg) translateY(-6px)}.folder-label{display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.85);background:rgba(255,255,255,.5);padding:6px 14px;border-radius:8px;backdrop-filter:blur(12px);font-size:16px}.folder-label b{font-size:12px;color:#72777c;font-weight:400}.folder-sub{font-size:12px;color:#646a70;margin-top:5px}.workspace-bottom{position:relative;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:22px 0;gap:20px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.workspace-bottom button{font-size:12px}.footer{padding:24px var(--pad);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12px;color:#535960}.text-button{border:0;background:none;padding:0;text-decoration:underline;text-underline-offset:4px}.page-shell{background:var(--paper);margin:0 16px;border:1px solid #fff;border-radius:30px;overflow:hidden;min-height:75vh;background-image:linear-gradient(rgba(26,32,42,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(26,32,42,.035) 1px,transparent 1px);background-size:100px 100px;animation:enter .6s both}.page-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 32px;border-bottom:1px solid var(--line);font-size:14px}.page-bar .crumb{color:#646a70}.page-heading{padding:66px calc(var(--pad) - 16px) 48px;display:grid;grid-template-columns:1fr 320px;gap:45px;align-items:end}.page-heading .eyebrow{display:block;margin-bottom:24px;color:#666b71}.page-heading h1{font-size:clamp(48px,7vw,110px);margin:0}.page-heading p{margin:0;max-width:450px}.page-body{padding:0 calc(var(--pad) - 16px) 65px}.project-block{padding:32px;background:rgba(255,255,255,.65);border:1px solid white;border-radius:26px;margin-bottom:28px;box-shadow:0 14px 40px rgba(50,60,75,.035)}.project-heading{display:flex;gap:30px;align-items:start;justify-content:space-between;margin-bottom:22px}.project-heading h2{font-size:clamp(28px,3vw,46px);margin:0}.project-heading p{max-width:460px;margin:0}.meta{font-size:12px;letter-spacing:.08em;text-transform:uppercase;display:block;color:#62696f;margin-bottom:12px}.gallery{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}.gallery button{border:0;padding:0;background:#e6e8eb;border-radius:16px;overflow:hidden;position:relative;text-align:left}.gallery img{width:100%;aspect-ratio:16/10;object-fit:cover;filter:grayscale(1);transition:transform .5s}.gallery button:hover img{transform:scale(1.04)}.gallery button:after{content:'Открыть в цвете';position:absolute;bottom:12px;left:12px;font-size:12px;color:white;background:rgba(0,0,0,.48);padding:5px 10px;border:1px solid rgba(255,255,255,.4);border-radius:7px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.tag{font-size:12px;border:1px solid #d0d4d8;padding:5px 10px;border-radius:6px;color:#4e565e}.style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.style-card{background:rgba(255,255,255,.75);padding:26px;border-radius:23px;border:1px solid #fff}.style-card h2{font-size:30px;margin:28px 0 14px;letter-spacing:-.04em}.style-card p{min-height:72px;margin-bottom:20px}.style-no{font-size:44px;color:#aeb4ba;letter-spacing:-.06em}.style-card details{border-top:1px solid var(--line);padding-top:18px}.style-card summary{cursor:pointer;font-size:14px}.style-card details p{font-size:14px;min-height:0;margin:14px 0 0}.package-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.package-tabs button[aria-selected=true]{background:#17191b;color:#fff;border-color:#17191b;box-shadow:none}.package-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:30px}.package-intro{background:#fff;border-radius:25px;padding:36px;position:sticky;top:30px;align-self:start}.package-intro h2{font-size:clamp(40px,4vw,62px);margin:20px 0}.price{font-size:42px;letter-spacing:-.05em;color:#17191b;margin:40px 0 20px}.package-spec{background:rgba(255,255,255,.65);border-radius:25px;padding:30px}.spec-row{display:grid;grid-template-columns:150px 1fr;gap:20px;border-bottom:1px solid var(--line);padding:17px 0}.spec-row:last-child{border-bottom:none}.spec-row dt{font-size:14px;color:#51585f}.spec-row dd{margin:0;font-size:16px}.note{font-size:14px;margin-top:25px}.statement{font-size:clamp(32px,4.5vw,70px);letter-spacing:-.05em;line-height:1.1;max-width:960px;color:#17191b;margin-bottom:55px}.three-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.info-card{padding:30px;background:#fff;border:1px solid white;border-radius:24px;min-height:245px}.info-card h2{font-size:32px;margin:28px 0 16px}.info-card p{margin:0}.contact-surface{padding:45px;border-radius:28px;background:linear-gradient(145deg,#17191b,#34383e);color:white;display:grid;grid-template-columns:1fr 1fr;gap:40px}.contact-surface h2{font-size:clamp(34px,5vw,72px);margin:24px 0}.contact-surface p{color:#c3c9ce}.contact-links{display:flex;flex-direction:column;align-items:start;gap:20px;justify-content:center}.contact-links>a{font-size:clamp(17px,2.4vw,34px);word-break:break-word}.contact-links .glass{font-size:16px;color:white;background:rgba(255,255,255,.1);padding:16px 26px}.contact-links>a:hover{text-decoration:underline;text-underline-offset:6px}.digest{display:grid;grid-template-columns:180px 1fr;gap:50px;background:#fff;border-radius:24px;padding:40px}.digest-date{font-size:80px;line-height:1;color:#aeb4ba}.digest-date span{font-size:14px;display:block;letter-spacing:0;margin-top:12px}.digest h2{font-size:42px}.digest-items{display:grid;gap:20px}.digest-items article{border-top:1px solid var(--line);padding-top:20px}.digest-items h3{font-size:24px;letter-spacing:-.035em}.digest-items p{margin:0}.intro{position:fixed;inset:0;background:radial-gradient(ellipse at 50% 35%,#24262a 0%,#0c0d0e 52%,#000 100%);z-index:200;transition:opacity .85s ease,visibility .85s;display:flex;align-items:center;justify-content:center}.intro.done{opacity:0;visibility:hidden;pointer-events:none}.intro canvas{position:absolute;inset:0;width:100%;height:100%}.intro-final{position:absolute;width:min(76vw,960px);height:auto;opacity:0;transition:opacity .45s}.intro.assembled .intro-final{opacity:1}.intro.assembled canvas{opacity:0;transition:opacity .45s}.intro-skip{position:absolute;right:30px;bottom:30px;border:1px solid #51555a;color:#dce0e4;background:transparent;font-size:14px;padding:10px 18px;border-radius:8px}.intro-caption{position:absolute;bottom:15%;font-size:12px;letter-spacing:.2em;color:#90979e;opacity:0;transition:opacity .5s}.intro.assembled .intro-caption{opacity:1}dialog{border:1px solid rgba(255,255,255,.3);border-radius:24px;padding:20px;background:#111317;color:#fff;width:min(1300px,94vw);max-height:94dvh;overflow:auto;box-shadow:0 20px 100px #0008}dialog::backdrop{background:rgba(12,15,20,.8);backdrop-filter:blur(12px)}.viewer-toolbar{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:18px}.viewer-close{background:#fff;color:#17191b;flex-shrink:0}.viewer-toolbar span{font-size:16px}#viewer-media img,#viewer-media video{max-height:75dvh;width:100%;object-fit:contain;margin:auto;border-radius:12px;filter:none}.viewer-note{font-size:12px;margin:15px 0 0;color:#969fa8}.noscript{padding:30px}.noscript a{text-decoration:underline}@keyframes enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@media(min-width:1500px){.folder-field{max-width:1500px;margin-left:auto;margin-right:auto}.folder-icon{height:205px}}@media(max-width:1100px){.workspace-head{grid-template-columns:1fr 260px}.workspace-head>.eyebrow{grid-column:1/-1}.page-heading{grid-template-columns:1fr 280px}.folder-icon{height:145px}.desktop-nav{gap:22px}.gallery{grid-template-columns:2fr 1fr}.gallery button:last-child{grid-column:1/-1}.gallery button:last-child img{aspect-ratio:3/1}.style-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.topbar{height:76px;gap:18px}.brand{width:148px}.desktop-nav,.topbar>.glass{display:none}.menu-toggle{display:block;padding:10px}.hero{margin:0 8px;min-height:440px;height:60vh;border-radius:22px}.hero-top{padding:20px;font-size:12px}.hero-top span:last-child{display:none}.hero-title{top:30%;left:5%;right:5%;font-size:17vw}.hero-title span{font-size:.65em;text-align:left;margin-top:.18em}.hero-bottom{left:20px;right:20px;bottom:22px;display:block}.hero-bottom p{font-size:14px;margin-bottom:18px}.hero-controls{flex-wrap:wrap}.hero-controls .glass{padding:10px 14px;font-size:14px}.workspace{padding:44px 22px 10px;background-size:64px 64px;border-radius:0 0 25px 25px}.workspace-head{display:block}.workspace-head h2{font-size:34px;margin:22px 0}.workspace-head p{max-width:400px}.folder-field{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:22px 14px;min-height:0;margin:24px 0 44px}.folder-link:nth-child(n){grid-column:auto;grid-row:auto;transform:none;padding-top:4px;min-height:195px}.folder-link:nth-child(even){transform:translateY(32px)}.folder-link:hover{transform:translateY(-5px)}.folder-icon{width:150px;height:122px}.folder-label{font-size:14px;padding:5px 9px;gap:6px}.folder-sub{font-size:12px}.workspace-bottom{align-items:start;flex-direction:column;gap:14px}.footer{font-size:12px;padding:24px 22px}.footer>span:nth-child(2){display:none}.page-shell{margin:0 8px;border-radius:22px}.page-bar{padding:16px 20px;font-size:12px}.page-bar .glass{padding:8px 14px;font-size:14px}.page-heading{display:block;padding:40px 22px 30px}.page-heading h1{font-size:52px;overflow-wrap:anywhere}.page-heading p{margin-top:25px}.page-body{padding:0 18px 40px}.project-block{padding:20px;margin-bottom:20px;border-radius:20px}.project-heading{display:block}.project-heading h2{font-size:32px;margin-bottom:20px}.project-heading p{font-size:16px}.gallery{grid-template-columns:1fr 1fr}.gallery button:first-child{grid-column:1/-1}.gallery button:last-child{grid-column:auto}.gallery button:last-child img{aspect-ratio:16/10}.gallery button:after{font-size:12px;left:8px;bottom:8px;padding:4px 6px}.style-grid,.package-layout,.three-columns,.contact-surface{grid-template-columns:1fr}.style-card{padding:24px}.style-card p{min-height:0}.package-intro{position:static;padding:26px}.package-spec{padding:24px}.spec-row{grid-template-columns:1fr;gap:7px}.statement{font-size:36px;margin-bottom:30px}.info-card{min-height:0}.contact-surface{padding:28px;gap:20px}.contact-surface h2{font-size:44px}.digest{display:block;padding:28px}.digest-date{font-size:58px;margin-bottom:28px}.digest h2{font-size:34px}.intro-final{width:86vw}.intro-caption{font-size:12px;letter-spacing:.08em;bottom:25%;text-align:center;padding:0 15px}.viewer-toolbar span{font-size:14px}dialog{padding:14px;border-radius:18px}#viewer-media img,#viewer-media video{max-height:70dvh}}
.folder-icon{--folder-ink:#252629;height:auto;aspect-ratio:352/288;max-width:100%}
.folder-icon svg{display:block;width:100%;height:100%;overflow:visible}
.folder-icon svg stop{transition:stop-color .24s ease}
.folder-link:hover .folder-icon,.folder-link:focus-visible .folder-icon{--folder-ink:var(--red);filter:drop-shadow(0 14px 16px rgba(165,18,19,.18))}
.worlds-line{display:block;white-space:nowrap}
.workspace-description{display:block;margin-top:12px}
.workspace-head h2{font-size:clamp(30px,3.4vw,54px);letter-spacing:-.035em}
.workspace-head p{min-width:0}
.page-heading h1,.style-card h2,.info-card h2{overflow-wrap:anywhere}
.folder-sound{white-space:nowrap;font-size:12px;letter-spacing:0;text-transform:none}
@media(min-width:761px) and (max-width:1000px){.workspace-head{grid-template-columns:1fr}.workspace-head p{grid-column:1/-1}.workspace-head h2{margin-bottom:0}}
@media(max-width:760px){.worlds-line{font-size:clamp(13px,3.6vw,16px)}.folder-icon{width:150px}.workspace-head h2{font-size:34px}}
.gallery:has(>button:only-child){grid-template-columns:1fr}.gallery:has(>button:only-child) img{aspect-ratio:21/9}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.intro canvas{display:none}.intro-final{opacity:1}.intro-caption{opacity:1}.folder-link:hover{transform:none}}

/* Rounded chrome shares the same width as the page beneath it. */
.topbar{margin:12px 16px;border-radius:26px}
.mobile-menu{margin:0 16px 12px;border-radius:20px}
.project-view{background:#111315;color:#e4e7e8}
.project-view .topbar{background:#222629;color:#e4e7e8;border:1px solid rgba(255,255,255,.08)}
.project-view .brand img{filter:none}
.project-view .mobile-menu{background:#222629}
.project-view .footer{color:#92999d}
.project-view .glass{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.18);box-shadow:inset 0 1px rgba(255,255,255,.1);color:#e4e7e8}
.project-view .glass:hover{background:rgba(255,255,255,.14)}
.projects-surface{--project-row-height:clamp(330px,42vh,460px);margin:0 16px;border-radius:26px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background-color:#1c2022;background-image:radial-gradient(ellipse at 23% 12%,rgba(31,35,37,.97),transparent 62%),radial-gradient(ellipse at 95% 83%,rgba(16,18,20,.8),transparent 70%),linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:auto,auto,90px 90px,90px 90px}
.projects-surface .page-bar{padding:14px 28px;border-color:rgba(255,255,255,.08);font-size:12px}
.projects-surface .page-bar .glass{padding:9px 16px}
.projects-surface .crumb{color:#a0a6aa}
.project-index-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px clamp(20px,5vw,80px) 16px}
.project-index-head h1{font-size:24px;letter-spacing:-.03em;line-height:1.1;margin:0}
.project-index-head>span{font-size:12px;color:#a0a6aa}
.project-reel{height:min(calc(var(--project-row-height)*2.5),calc(100svh - 240px));min-height:560px;touch-action:pan-x pinch-zoom;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(transparent,#000 7%,#000 93%,transparent);outline-offset:-4px}
.project-reel::-webkit-scrollbar{display:none}
.project-track{width:min(100%,1500px);margin:0 auto}
.project-slot{height:var(--project-row-height);padding:34px clamp(18px,3vw,48px);scroll-snap-align:center;scroll-snap-stop:always}
.project-row{height:100%;display:grid;grid-template-columns:45% 55%;grid-template-rows:minmax(0,1fr);align-items:center;gap:0;position:relative;overflow:hidden;border-radius:clamp(28px,5vw,64px);padding:0 clamp(16px,4vw,62px);color:#9da5a9;transition:background .65s ease,color .65s ease,opacity .65s ease;opacity:.4}
.project-row.is-reversed{grid-template-columns:55% 45%}
.project-row.is-reversed .project-number{grid-column:2;grid-row:1}
.project-row.is-reversed .project-copy{grid-column:1;grid-row:1}
.project-row.is-active{background:#e7ebec;color:#171b1d;opacity:1;box-shadow:0 12px 35px rgba(0,0,0,.12)}
.project-row.is-active:before{content:'';position:absolute;inset:9px;border:1px solid rgba(23,27,29,.09);border-radius:inherit;pointer-events:none}
.project-number{font-family:UNCAGE,sans-serif;font-size:clamp(128px,14vw,210px);font-weight:400;letter-spacing:0;line-height:1;padding-top:.2em;align-self:center;min-height:0;grid-column:1;grid-row:1;transform:none;clip-path:none;text-align:left;white-space:nowrap;pointer-events:none}
.project-row.is-reversed .project-number{text-align:right}
.project-copy{padding:12px 0 12px 32px;position:relative;z-index:1;max-width:510px;align-self:center;min-height:0;grid-column:2;grid-row:1}
.project-row.is-reversed .project-copy{padding-left:0;padding-right:22px}
.project-type{display:block;font-size:12px;line-height:1.3;opacity:.6;margin-bottom:10px}
.project-copy h2{font-size:clamp(22px,2.6vw,46px);letter-spacing:-.04em;line-height:1.03;text-transform:uppercase;margin:0 0 12px}
.project-copy h2 span{display:block;margin-left:0}
.project-copy p{color:inherit;font-size:14px;line-height:1.4;max-width:365px;margin:0;opacity:.75}
.project-open{display:block;font-size:12px;line-height:1.2;margin-top:12px;text-decoration:underline;text-underline-offset:4px;opacity:0;transition:opacity .25s}
.project-row.is-active .project-open{opacity:.7}
.project-reel-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px clamp(24px,5vw,80px) 24px;font-size:12px;color:#a0a6aa}
.project-reel-actions{display:flex;align-items:center;gap:22px}
.project-reel-actions .text-button{font-size:12px;color:inherit}
.project-reel-actions button:hover{color:#fff}
.project-detail-heading{padding:54px clamp(24px,6vw,96px) 38px;max-width:1200px}
.project-detail-heading .eyebrow{color:#a0a6aa}
.project-detail-heading h1{font-size:clamp(36px,6vw,94px);letter-spacing:-.045em;margin:22px 0;overflow-wrap:anywhere}
.project-detail-heading p{font-size:16px;color:#b8bec2;max-width:650px}
.project-detail-heading .tag{color:#b8bec2;border-color:#42494e}
.project-detail-gallery{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:0 clamp(24px,6vw,96px) 60px}
.project-detail-gallery figure{margin:0;min-width:0}
.project-detail-gallery figure:first-child{grid-column:1/-1}
.project-detail-gallery button{width:100%;display:block;padding:0;border:1px solid rgba(255,255,255,.15);border-radius:20px;overflow:hidden;background:#111315}
.project-detail-gallery img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;filter:grayscale(1);transition:transform .4s}
.project-detail-gallery button:hover img{transform:scale(1.02)}
.project-detail-gallery figcaption{font-size:14px;color:#a0a6aa;margin-top:10px}
@media(max-width:1100px){.project-copy h2{font-size:clamp(22px,3vw,36px)}.project-type{margin-bottom:7px}.project-open{margin-top:7px}.project-copy h2{margin-bottom:8px}.project-number{font-size:clamp(128px,16vw,190px)}}
@media(max-width:760px){.topbar{margin:8px;border-radius:22px}.mobile-menu{margin:0 8px 8px}.projects-surface{margin:0 8px;border-radius:22px;--project-row-height:clamp(280px,38svh,350px);background-size:auto,auto,64px 64px,64px 64px}.projects-surface .page-bar{padding:12px 16px}.projects-surface .crumb{font-size:12px;max-width:55%;text-align:right}.project-index-head{margin:20px 20px 14px;display:block}.project-index-head h1{font-size:22px;margin-bottom:6px}.project-reel{height:calc(var(--project-row-height)*2.1);min-height:0}.project-slot{padding:22px 12px}.project-row{padding:0 18px;grid-template-columns:38% 62%;border-radius:30px}.project-row.is-reversed{grid-template-columns:62% 38%}.project-number{font-size:clamp(70px,20vw,140px);letter-spacing:0;transform:none}.project-copy{padding:8px 0 8px 12px}.project-row.is-reversed .project-copy{padding:8px 12px 8px 0}.project-copy h2{font-size:clamp(20px,3.9vw,29px);margin-bottom:8px;letter-spacing:-.04em}.project-copy h2 span{margin-left:0}.project-type{font-size:12px;margin-bottom:6px}.project-copy p{font-size:14px;line-height:1.3}.project-open{margin-top:8px;font-size:12px}.project-reel-tools{flex-wrap:wrap;padding:16px 22px 22px;gap:14px}.project-scroll-hint{display:none}.project-reel-actions{gap:16px}.project-reel-actions button{min-height:30px}.project-detail-heading{padding:34px 22px 24px}.project-detail-heading h1{font-size:40px}.project-detail-gallery{grid-template-columns:1fr;padding:0 18px 34px;gap:22px}.project-detail-gallery figure:first-child{grid-column:auto}.project-detail-gallery button{border-radius:15px}}
@media(prefers-reduced-motion:reduce){.project-reel{scroll-behavior:auto}.project-number{transition:none}}

.project-reel.is-rebasing .project-row{transition:none}

.workspace-bottom{flex-wrap:wrap}

/* Keep each folder clickable only within its visible contents, not an overlapping grid span. */
.folder-link{align-self:center;height:max-content}
.folder-icon svg{pointer-events:none}
