:root{--dark:#171c18;--dark2:#232a23;--cream:#f3f0e8;--sage:#b9c3ae;--muted:#a5aa9e;--line:rgba(242,240,231,.26)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--dark);color:var(--cream);font-family:'DM Sans','Noto Sans SC',sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%}.panel{min-height:100svh;position:relative;overflow:hidden}.site-nav{position:absolute;z-index:30;top:0;left:0;right:0;height:80px;padding:0 4.5vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.logo{font-size:23px;font-weight:700;letter-spacing:-.09em;white-space:nowrap}.logo span{color:#d5b985}.logo small{font-size:10px;font-weight:400;letter-spacing:.24em;margin-left:13px}.site-nav nav{display:flex;gap:35px;font-size:12px;letter-spacing:.08em}.site-nav nav a{opacity:.8;transition:opacity .2s}.site-nav nav a:hover{opacity:1}.nav-toggle{display:none}.kicker,.panel-top,.hero-frame,.hero-index,.catalogue-foot,.image-note{font-size:10px;letter-spacing:.2em;font-weight:600}.kicker{color:#d7d9c9}.panel-top{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;padding:112px 5vw 0;color:#bcc5b7}.chapter{color:#f0eee5}.hero{background:#343e32}.hero-visual,.hero-visual img,.hero-filter{position:absolute;inset:0;width:100%;height:100%}.hero-visual{overflow:hidden}.hero-visual img{object-fit:cover;object-position:center;transform:scale(1.045);transition:transform 1s cubic-bezier(.2,.8,.2,1);will-change:transform}.hero-filter{background:linear-gradient(90deg,rgba(10,16,12,.72),rgba(10,16,12,.1) 90%),linear-gradient(0deg,rgba(10,16,12,.48),transparent 40%)}.hero-frame{position:absolute;top:105px;left:4.5vw;right:4.5vw;display:flex;justify-content:space-between}.hero-copy{position:absolute;left:9vw;top:50%;transform:translateY(-39%);max-width:950px}.hero h1,.studio h2,.catalogue h2,.works h2,.ending h2{font-weight:500;letter-spacing:-.075em;line-height:1.2}.hero h1{font-size:clamp(56px,7.4vw,120px);margin:22px 0 28px}.hero h1 span,.studio h2 span,.catalogue h2 span,.works h2 span,.ending h2 span{color:#c5cfb9;font-weight:300}.hero-copy>p:not(.kicker){font-size:14px;line-height:2;letter-spacing:.07em;margin:0 0 28px}.pill-link{display:inline-flex;align-items:center;gap:38px;border:1px solid rgba(255,255,255,.75);border-radius:999px;padding:13px 13px 13px 25px;font-size:12px;letter-spacing:.08em;transition:background .25s,color .25s}.pill-link span{width:37px;height:37px;border-radius:50%;background:#f2f0e8;color:#171c18;display:grid;place-items:center;font-size:17px}.pill-link:hover{background:#f2f0e8;color:#171c18}.pill-link:hover span{background:#171c18;color:#f2f0e8}.hero-index{position:absolute;bottom:29px;left:4.5vw;right:4.5vw;display:flex;justify-content:space-between}.studio{background:#e9e8dd;color:#1d241e;padding-bottom:95px}.studio .panel-top{color:#5b695b}.studio .chapter{color:#1d241e}.studio-layout{display:grid;grid-template-columns:49% 1fr;gap:8vw;align-items:center;padding:52px 8vw 0 5vw}.studio-art{height:min(64vh,640px);position:relative;overflow:hidden}.studio-art img{width:100%;height:100%;object-fit:cover}.image-note{position:absolute;bottom:15px;left:15px;background:#1d241e;color:#fff;padding:10px 13px}.studio-copy .kicker{color:#6b7869}.studio h2,.catalogue h2,.works h2,.ending h2{font-size:clamp(44px,5vw,80px);margin:18px 0 25px}.studio h2 span{color:#7c8c78}.studio-copy>p:not(.kicker){font-size:14px;line-height:2.1;color:#4c584c;max-width:470px}.studio-lines{margin:40px 0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #bfc6b9;border-bottom:1px solid #bfc6b9}.studio-lines span{padding:19px 6px;font-size:14px;letter-spacing:.02em;white-space:nowrap}.studio-copy small{font-size:11px;color:#69776a}.catalogue{background:#212b23;padding-bottom:70px}.catalogue-content{display:grid;grid-template-columns:32% 1fr;gap:5vw;align-items:center;padding:7vh 5vw 4vh}.catalogue-intro h2{font-size:clamp(45px,5vw,82px)}.catalogue-intro>p:last-child{font-size:13px;color:#acb9ac}.folders{display:grid;grid-template-columns:1fr 1fr;gap:18px 14px;align-items:start}.folder{border:0;background:transparent;padding:0;text-align:left;min-width:0;transition:transform .35s}.folder:nth-child(2),.folder:nth-child(3),.folder:nth-child(4){transform:none}.folder:hover{transform:translateY(-6px)}.folder-tab{display:block;width:48%;background:#c7d2bd;color:#26332a;border-radius:10px 10px 0 0;padding:10px 12px;font-size:9px;letter-spacing:.12em}.folder-body{display:block;position:relative;height:500px;overflow:hidden;border-radius:0 10px 10px 10px;background:#81927c}.folder-body:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,18,12,.78),transparent 70%)}.folder-body img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.folder:hover img{transform:scale(1.07)}.folder-content{position:absolute;z-index:1;left:17px;bottom:21px;display:flex;flex-direction:column;gap:7px}.folder-content b{font-size:21px;font-weight:500}.folder-content small{font-size:10px}.folder-arrow{position:absolute;z-index:1;bottom:22px;right:17px;font-size:23px}.catalogue-foot{padding:0 5vw;text-align:right;color:#9fae9c}.works{background:#121713;padding-bottom:70px}.works-head{display:flex;justify-content:space-between;gap:30px;align-items:end;padding:5vh 5vw 2vh}.works-head h2{margin:7px 0}.works-head>p{max-width:285px;font-size:12px;line-height:1.9;color:#a8b2a7}.works-stage{height:48vh;min-height:360px;overflow:hidden;display:flex;align-items:center;justify-content:center}.work-list{position:relative;width:min(78vw,1050px);height:100%}.work-card{position:absolute;top:50%;left:50%;width:53%;height:92%;padding:0;border:0;border-radius:7px;overflow:hidden;background:#546451;transform:translate(-50%,-50%);transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .45s,filter .45s;box-shadow:0 16px 50px rgba(0,0,0,.24)}.work-card img{width:100%;height:100%;object-fit:cover}.work-card:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(0deg,rgba(0,0,0,.65),transparent)}.work-card-label{position:absolute;z-index:1;bottom:20px;left:23px;font-size:13px;letter-spacing:.08em}.work-card[data-position='left']{transform:translate(-132%,-47%) scale(.77);opacity:.56;filter:blur(1px);z-index:1}.work-card[data-position='right']{transform:translate(32%,-47%) scale(.77);opacity:.56;filter:blur(1px);z-index:1}.work-card[data-position='center']{z-index:3;transform:translate(-50%,-50%) scale(1);opacity:1;filter:none}.works-controls{margin:23px auto 0;width:min(90%,1100px);display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:18px}.works-controls>div:first-child{display:flex;gap:22px;align-items:baseline}.works-controls strong{font-size:22px;font-weight:500}.works-controls span,.works-controls small{font-size:11px;color:#abb6a9}.works-controls button{border:1px solid #8b9989;background:transparent;border-radius:50%;width:44px;height:44px;font-size:18px;margin-left:8px}.works-controls button:hover{background:#c6d0bf;color:#1b251d}.ending{background:#3c493b}.ending-media,.ending-media img,.ending-shade{position:absolute;inset:0;width:100%;height:100%}.ending-media img{object-fit:cover;filter:saturate(.72)}.ending-shade{background:linear-gradient(90deg,rgba(15,23,16,.84),rgba(15,23,16,.25)),linear-gradient(0deg,rgba(15,23,16,.55),transparent 35%)}.ending-copy{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:20vh 5vw 90px}.ending h2{font-size:clamp(50px,7vw,110px)}.ending-copy>p:not(.kicker){max-width:510px;font-size:14px;line-height:2;margin:25px 0 35px}.ending footer{position:absolute;z-index:1;bottom:0;left:5vw;right:5vw;border-top:1px solid var(--line);padding:22px 0;display:flex;justify-content:space-between;font-size:11px}.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:rgba(8,15,10,.68);backdrop-filter:blur(18px)}.modal-window{position:relative;background:#eeeae0;color:#202821;width:min(100%,1050px);max-height:min(92vh,800px);overflow:auto;padding:42px;box-shadow:0 30px 90px rgba(0,0,0,.38)}.modal-window .kicker{color:#74816f}.modal-window h2{font-size:clamp(37px,4.4vw,64px);font-weight:500;letter-spacing:-.07em;margin:15px 0}.modal-window p:not(.kicker){font-size:14px;color:#667263;line-height:1.8}.modal-close{position:absolute;z-index:2;top:16px;right:18px;border:1px solid #6f7d6b;background:transparent;border-radius:50%;width:42px;height:42px;font-size:28px;line-height:1}.modal-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:35px 0}.modal-cards button{border:0;background:#d9dfd4;text-align:left;padding:0;overflow:hidden}.modal-cards img{width:100%;height:175px;object-fit:cover}.modal-cards span{display:block;padding:12px 15px;font-size:12px}.modal-jump{display:inline-block;border-bottom:1px solid currentColor;padding-bottom:8px;font-size:13px}.detail-window{display:grid;grid-template-columns:56% 1fr;gap:35px;align-items:center}.detail-window>img{width:100%;height:470px;object-fit:cover}.detail-text small{color:#7a8576}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.studio-layout{gap:4vw}.studio-lines{display:block}.studio-lines span{display:block;border-bottom:1px solid #c0c7bb}.catalogue-content{grid-template-columns:1fr;gap:30px}.catalogue-intro h2{margin-bottom:10px}.folder-body{height:400px}.works-stage{height:40vh}.work-card{width:65%}.detail-window{grid-template-columns:1fr}.detail-window>img{height:38vh}}@media(max-width:640px){.site-nav{height:66px}.site-nav nav{display:none;position:absolute;top:66px;left:0;right:0;background:#171c18;padding:18px 5vw;flex-direction:column;gap:0}.site-nav nav.open{display:flex}.site-nav nav a{padding:14px 0;border-bottom:1px solid var(--line)}.nav-toggle{display:flex;background:none;border:0;flex-direction:column;gap:6px}.nav-toggle i{width:25px;height:1px;background:#fff}.hero-frame{top:92px}.hero-frame span:last-child,.hero-index span:last-child{display:none}.hero-copy{left:6vw;right:6vw;top:55%}.hero h1{font-size:clamp(45px,12vw,70px)}.hero-copy>p:not(.kicker){font-size:12px}.hero-index{bottom:22px}.panel-top{padding:90px 6vw 0}.studio{padding-bottom:65px}.studio-layout{display:block;padding:34px 6vw 0}.studio-art{height:37vh}.studio-copy{margin-top:30px}.studio h2,.catalogue h2,.works h2,.ending h2{font-size:clamp(36px,9vw,52px)}.studio-lines{margin:25px 0}.catalogue-content{padding:4vh 6vw}.folders{display:block}.folder,.folder:nth-child(2),.folder:nth-child(3){display:block;transform:none;margin:0 0 20px}.folder:hover,.folder:nth-child(2):hover,.folder:nth-child(3):hover{transform:none}.folder-body{height:300px}.catalogue-foot{padding:0 6vw;text-align:left;line-height:1.7}.works-head{display:block;padding:4vh 6vw 1vh}.works-head>p{font-size:11px}.works-stage{height:38vh;min-height:280px}.work-list{width:100%}.work-card{width:75%;height:88%}.work-card[data-position='left']{transform:translate(-120%,-47%) scale(.75)}.work-card[data-position='right']{transform:translate(20%,-47%) scale(.75)}.works-controls{display:block}.works-controls>div:first-child{flex-wrap:wrap;gap:9px}.works-controls>div:last-child{margin-top:15px}.ending-copy{padding:22vh 6vw 100px}.ending-copy>p:not(.kicker){font-size:12px}.ending footer{left:6vw;right:6vw;font-size:9px}.modal-window{padding:30px 20px}.modal-cards{grid-template-columns:1fr;gap:10px}.modal-cards button{display:flex}.modal-cards img{width:95px;height:70px}.modal-cards span{align-self:center}.detail-window>img{height:230px}.detail-window{gap:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.work-card,.hero-visual img{transition:none}}