:root{--ink:#090909;--paper:#f0eee8;--red:#f22f2f;--muted:#a5a5a5;--line:rgba(255,255,255,.18);--sans:Inter,Arial,Helvetica,sans-serif;--serif:Georgia,'Times New Roman',serif;--mono:'SFMono-Regular',Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:#050505}body{margin:0;background:#050505;color:#fff;font-family:var(--sans);overflow-x:hidden}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.topbar{position:fixed;z-index:100;left:0;right:0;top:0;height:62px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;padding:0 24px;background:rgba(5,5,5,.78);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.12)}.brand{display:flex;align-items:baseline;gap:10px}.brand b{font-size:15px;letter-spacing:-.04em}.brand span,.back{font:9px var(--mono);letter-spacing:.08em}.back{border:1px solid rgba(255,255,255,.28);padding:9px 12px;transition:.2s}.back:hover{background:#fff;color:#000}.top-progress{height:1px;background:rgba(255,255,255,.15);position:relative}.top-progress i{position:absolute;inset:0 auto 0 0;width:0;background:var(--red)}
.rail{position:fixed;z-index:90;left:18px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:9px;font:9px var(--mono);color:#777}.rail-title{writing-mode:vertical-rl;transform:rotate(180deg);margin-bottom:8px;letter-spacing:.14em}.rail-line{width:1px;height:70px;background:#2d2d2d;position:relative}.rail-line i{position:absolute;top:0;left:0;width:1px;height:10%;background:var(--red)}.rail a{width:28px;text-align:center;padding:3px 0}.rail a.active{color:#fff}.rail a.active:before{content:'— ';color:var(--red)}
.design-lab{position:fixed;z-index:95;right:18px;top:50%;transform:translateY(-50%);width:108px;background:rgba(7,7,7,.78);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.14);padding:11px}.lab-head{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding-bottom:9px;border-bottom:1px solid #333}.lab-head small{font:8px var(--mono);color:var(--red)}.lab-head strong{font-size:15px;line-height:.9}.lab-head span{grid-row:1/3;grid-column:2;font:25px var(--mono);color:#555}.design-lab button{width:100%;border:0;border-bottom:1px solid #272727;background:none;color:#fff;display:flex;justify-content:space-between;padding:10px 0;font:8px var(--mono)}.design-lab button b{color:var(--red)}.lab-hint{display:block;color:#666;font:7px/1.4 var(--mono);margin-top:9px}.mobile-lab{display:none}
.intro,.example,.outro{min-height:100svh;position:relative;overflow:hidden}.intro{display:grid;place-items:center;background:var(--paper);color:#080808;padding:100px 10vw}.intro-noise,.exp-noise{position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E")}.intro-copy{position:relative;z-index:2;width:min(1100px,100%)}.intro-copy>p{font:10px var(--mono);letter-spacing:.15em}.intro h1{font-size:clamp(70px,12vw,180px);line-height:.72;letter-spacing:-.09em;margin:50px 0}.intro-bottom{display:flex;justify-content:space-between;gap:30px;font:11px/1.5 var(--mono)}.intro-bottom a{border-bottom:1px solid #000}.intro-orbit{position:absolute;right:7vw;top:14vh;width:160px;height:160px;border:1px solid #111;border-radius:50%;display:grid;place-items:center;font:9px var(--mono);animation:spin 18s linear infinite}.intro-orbit i{position:absolute;width:10px;height:10px;background:var(--red);border-radius:50%;transform:translateX(80px)}.intro-orbit i:nth-child(2){transform:rotate(120deg) translateX(80px)}.intro-orbit i:nth-child(3){transform:rotate(240deg) translateX(80px)}@keyframes spin{to{transform:rotate(360deg)}}
.example{--section-accent:var(--red);--section-bg:#090909;--section-fg:#fff;--radius:0;background:var(--section-bg);color:var(--section-fg);transition:filter .3s,background .3s,color .3s}.example[data-tone="1"]{--section-accent:#7da5ff;filter:saturate(.75)}.example[data-tone="2"]{--section-accent:#d8ff6b;filter:saturate(1.15)}.example[data-type="1"] h2{font-family:var(--serif)!important;font-weight:400!important;letter-spacing:-.07em!important}.example[data-type="2"] h2{font-family:var(--mono)!important;letter-spacing:-.06em!important}.example[data-grid="1"] .example-ui,.example[data-grid="1"] .travel-panel,.example[data-grid="1"] .hospitality-copy,.example[data-grid="1"] .arch-copy,.example[data-grid="1"] .exp-copy{transform:translateX(7vw)}.example[data-grid="2"] .example-ui,.example[data-grid="2"] .travel-panel,.example[data-grid="2"] .hospitality-copy,.example[data-grid="2"] .arch-copy,.example[data-grid="2"] .exp-copy{transform:translateY(8vh)}.example[data-fx="0"] *{animation:none!important;transition:none!important}.example video{width:100%;height:100%;object-fit:cover}.media{position:absolute;inset:0}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.18) 58%,rgba(0,0,0,.52))}
.ex01 .media{filter:contrast(1.08) saturate(.85)}.example-ui{position:relative;z-index:3;height:100%;padding:18vh 11vw 8vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;transition:transform .35s}.eyebrow{display:flex;gap:12px;font:9px var(--mono);letter-spacing:.08em}.eyebrow b{color:var(--section-accent)}.ex01 h2{font-size:clamp(80px,11vw,170px);line-height:.73;margin:22px 0;letter-spacing:-.08em}.ex01 p{max-width:520px;font-size:16px;line-height:1.4;color:#ddd}.fake-nav{position:absolute;top:95px;left:11vw;right:11vw;display:flex;gap:25px;font:9px var(--mono)}.fake-nav span:last-child{margin-left:auto}.tag{position:absolute;right:12vw;bottom:9vh;font:9px var(--mono);writing-mode:vertical-rl}
.ex02{background:#e9e2d8;color:#111;padding:9vh 9vw}.fashion-grid{height:82vh;display:grid;grid-template-columns:.85fr 1.4fr;border:1px solid #111}.fashion-copy{padding:7vw;display:flex;flex-direction:column;justify-content:center}.fashion-copy small,.fashion-copy span{font:9px var(--mono)}.fashion-copy small{color:#c12727}.fashion-copy h2{font:900 clamp(60px,8vw,130px)/.77 var(--sans);letter-spacing:-.08em;margin:30px 0}.fashion-copy p{max-width:420px;font-size:15px;line-height:1.5}.fashion-copy span{margin-top:auto}.fashion-media{position:relative;overflow:hidden}.fashion-media video{filter:grayscale(.1) contrast(1.03)}.fashion-media b{position:absolute;right:20px;top:20px;font:9px var(--mono);background:#111;color:#fff;padding:8px 10px}.fashion-index{position:absolute;right:3vw;bottom:2vh;font:100px var(--mono);opacity:.12}
.ex03{background:#a59c89}.ex03 .media:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.55))}.travel-panel{position:absolute;z-index:3;left:7vw;bottom:7vh;width:min(640px,80vw);padding:34px;background:rgba(234,229,219,.9);color:#111;backdrop-filter:blur(14px);transition:transform .35s}.travel-panel small{font:9px var(--mono);color:#792f22}.travel-panel h2{font:500 clamp(58px,7vw,112px)/.82 var(--serif);letter-spacing:-.07em;margin:22px 0}.travel-panel p{max-width:450px;line-height:1.5}.travel-panel a{display:inline-block;margin-top:20px;font:9px var(--mono);border-bottom:1px solid #111}.travel-coord{position:absolute;z-index:4;right:6vw;top:100px;font:9px var(--mono)}
.ex04{background:#0b0505;color:#fff}.event-bg{position:absolute;inset:0;filter:contrast(1.2) saturate(.7)}.event-bg video{width:100%;height:100%;object-fit:cover}.event-bg:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(50,0,0,.72),rgba(0,0,0,.35))}.event-scan{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.025) 4px);mix-blend-mode:overlay}.event-stage{position:relative;z-index:3;padding:12vh 9vw;height:100%;display:grid;align-content:center}.event-top{position:absolute;left:9vw;right:9vw;top:100px;display:flex;justify-content:space-between;font:9px var(--mono)}.event-top b{color:var(--section-accent)}.ex04 h2{font:900 clamp(74px,11vw,170px)/.72 var(--sans);letter-spacing:-.08em;margin:0}.event-ticker{position:absolute;left:0;right:0;bottom:45px;display:flex;gap:70px;white-space:nowrap;font:11px var(--mono);animation:ticker 12s linear infinite}@keyframes ticker{to{transform:translateX(-22%)}}.event-card{position:absolute;right:9vw;bottom:12vh;width:230px;border:1px solid rgba(255,255,255,.3);padding:18px;background:rgba(0,0,0,.5);backdrop-filter:blur(10px)}.event-card small,.event-card button{font:8px var(--mono)}.event-card strong{display:block;font-size:28px;margin:24px 0}.event-card button{background:var(--section-accent);border:0;padding:10px 12px;color:#fff}
.ex05{background:#211d18}.hospitality-media{position:absolute;inset:0 0 0 42%;overflow:hidden}.hospitality-media:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#211d18 0,transparent 35%)}.hospitality-copy{position:relative;z-index:3;width:52%;height:100%;padding:18vh 8vw;display:flex;flex-direction:column;justify-content:center;transition:transform .35s}.hospitality-copy>span{font:9px var(--mono);color:#c9a57a}.hospitality-copy h2{font:400 clamp(72px,9vw,140px)/.77 var(--serif);letter-spacing:-.07em;margin:30px 0}.hospitality-copy p{max-width:420px;color:#d7ccbb;line-height:1.5}.hospitality-menu{margin-top:60px;display:flex;gap:22px;font:8px var(--mono)}.hospitality-mark{position:absolute;right:3vw;top:50%;transform:translateY(-50%);font:8px/1.6 var(--mono);color:#c9a57a}
.ex06{background:#e9e7e0;color:#111}.product-video{position:absolute;right:0;top:0;bottom:0;width:50%;opacity:.18;filter:grayscale(1) contrast(1.1)}.product-video video{width:100%;height:100%;object-fit:cover}.product-wrap{position:relative;z-index:2;height:100%;display:grid;grid-template-columns:1fr 1fr;padding:12vh 9vw}.product-copy{display:flex;flex-direction:column;justify-content:center}.product-copy small,.product-meta{font:9px var(--mono)}.product-copy small{color:#a42a2a}.product-copy h2{font:800 clamp(70px,8vw,130px)/.78 var(--sans);letter-spacing:-.08em;margin:30px 0}.product-copy p{max-width:440px;line-height:1.5}.product-copy button{align-self:flex-start;margin-top:30px;padding:12px 16px;background:none;border:1px solid #111;font:9px var(--mono)}.product-object{position:relative;display:grid;place-items:center}.bottle{position:relative;width:160px;height:410px;background:#101010;border-radius:22px 22px 35px 35px;box-shadow:0 55px 60px rgba(0,0,0,.25);color:#fff;padding:45px 25px;display:flex;flex-direction:column;justify-content:flex-end}.bottle:before{content:'';position:absolute;width:52px;height:60px;background:#111;top:-48px;left:54px;border-radius:5px 5px 0 0}.bottle i{position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.13) 45%,transparent 60%);border-radius:inherit}.bottle b{font-size:20px}.bottle small{font:8px var(--mono);color:#999;margin-top:6px}.stone{position:absolute;width:390px;height:70px;background:#c9c1b0;bottom:12vh;transform:rotate(-4deg);z-index:-1}.product-meta{position:absolute;left:9vw;right:9vw;bottom:30px;display:flex;justify-content:space-between}
.ex07{background:#0c0c0c}.arch-media{position:absolute;inset:0 0 0 42%}.arch-media video{filter:grayscale(.65) contrast(1.15)}.arch-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:7vw 7vw;mask-image:linear-gradient(90deg,#000 0 60%,transparent)}.arch-copy{position:relative;z-index:2;width:57%;padding:17vh 8vw;transition:transform .35s}.arch-copy small{font:9px var(--mono);color:#91a7b3}.arch-copy h2{font:700 clamp(62px,8vw,128px)/.78 var(--sans);letter-spacing:-.08em;margin:30px 0}.arch-copy p{max-width:450px;line-height:1.5;color:#aaa}.arch-side{position:absolute;z-index:3;right:25px;top:90px;bottom:30px;display:flex;flex-direction:column;align-items:flex-end;font:8px var(--mono);gap:20px}.arch-side b{margin-bottom:auto;color:var(--section-accent)}
.ex08{background:#060606}.studio-bg{position:absolute;inset:0;filter:grayscale(.7) brightness(.5)}.studio-bg video{width:100%;height:100%;object-fit:cover}.studio-shell{position:relative;z-index:2;height:100%;padding:10vh 8vw}.studio-copy{position:absolute;left:8vw;bottom:10vh;max-width:650px}.studio-copy small{font:9px var(--mono);color:var(--section-accent)}.studio-copy h2{font:800 clamp(70px,9vw,145px)/.76 var(--sans);letter-spacing:-.08em;margin:25px 0}.studio-copy p{max-width:480px;color:#bbb}.studio-window{position:absolute;border:1px solid rgba(255,255,255,.35);background:rgba(10,10,10,.6);backdrop-filter:blur(12px);padding:15px;font:8px var(--mono);box-shadow:0 20px 50px rgba(0,0,0,.3)}.studio-window small{display:block;color:#777;margin-bottom:18px}.studio-window b{font-size:17px}.studio-window.one{right:8vw;top:16vh;width:300px;height:190px}.studio-window.one i{display:block;height:1px;background:#444;margin:17px 0}.studio-window.two{right:28vw;top:38vh;width:240px;height:150px}.studio-window.two span{display:block;font-size:38px;margin-top:20px;color:var(--section-accent)}.studio-window.three{right:10vw;bottom:12vh;width:240px;height:180px}.studio-window.three button{margin-top:25px;background:#fff;color:#000;border:0;padding:9px 11px;font:8px var(--mono)}
.ex09{background:#e5e1d7;color:#111}.portfolio-media{position:absolute;inset:0 0 0 50%}.portfolio-media video{filter:sepia(.15) saturate(.7)}.portfolio-paper{position:relative;z-index:3;width:56%;height:100%;padding:15vh 8vw;display:flex;flex-direction:column;justify-content:center;background:rgba(235,231,220,.94)}.portfolio-paper small{font:9px var(--mono);color:#834537}.portfolio-paper h2{font:400 clamp(70px,9vw,145px)/.76 var(--serif);letter-spacing:-.08em;margin:28px 0}.portfolio-paper p{max-width:430px;line-height:1.5}.portfolio-links{margin-top:50px;display:grid;grid-template-columns:1fr 1fr;gap:12px 25px;font:8px var(--mono);border-top:1px solid #111;padding-top:14px}.portfolio-stamp{position:absolute;right:5vw;bottom:8vh;border:1px solid rgba(255,255,255,.8);color:#fff;padding:15px;transform:rotate(-7deg);font:10px var(--mono)}
.ex10{background:#080808}.exp-media{position:absolute;inset:0}.exp-media video{filter:grayscale(1) contrast(1.35) brightness(.65)}.exp-noise{z-index:2;mix-blend-mode:screen}.exp-grid{position:absolute;z-index:2;inset:0;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:60px 60px;transform:perspective(900px) rotateX(55deg) scale(1.5);transform-origin:center bottom;opacity:.4}.exp-copy{position:relative;z-index:4;padding:18vh 10vw;max-width:850px;transition:transform .35s}.exp-copy small{font:9px var(--mono);color:var(--section-accent)}.exp-copy h2{font:900 clamp(78px,11vw,170px)/.71 var(--sans);letter-spacing:-.09em;margin:35px 0}.exp-copy p{max-width:520px;color:#c7c7c7;line-height:1.5}.exp-copy button{margin-top:25px;background:var(--section-accent);color:#fff;border:0;padding:12px 15px;font:9px var(--mono)}.exp-signal{position:absolute;z-index:4;right:7vw;bottom:8vh;width:300px}.exp-signal span{font:8px var(--mono)}.exp-signal i{display:block;height:2px;background:var(--section-accent);margin:8px 0;transform-origin:left;animation:signal 1.2s ease-in-out infinite alternate}.exp-signal i:nth-child(2){width:40%}.exp-signal i:nth-child(3){width:90%}.exp-signal i:nth-child(4){width:25%}.exp-signal i:nth-child(5){width:65%}.exp-signal i:nth-child(6){width:100%}.exp-signal i:nth-child(7){width:50%}@keyframes signal{to{transform:scaleX(.35)}}.ex10.distort{filter:hue-rotate(150deg) contrast(1.7)}.ex10.distort .exp-copy{animation:glitch .18s steps(2) 6}@keyframes glitch{50%{transform:translate(13px,-4px) skewX(4deg)}}
.outro{background:#070707;padding:16vh 10vw;display:flex;flex-direction:column;justify-content:center}.outro small{font:9px var(--mono);color:var(--red)}.outro h2{font-size:clamp(60px,9vw,140px);line-height:.78;letter-spacing:-.08em;margin:28px 0}.outro h2 span{color:#555}.outro>a{align-self:flex-start;margin-top:30px;border:1px solid #fff;padding:14px 18px;font:9px var(--mono)}.outro-label{position:absolute;right:5vw;bottom:4vh;font:8px var(--mono);color:#555}
@media(max-width:900px){.topbar{grid-template-columns:1fr auto;height:56px;padding:0 14px}.brand span,.top-progress{display:none}.back{font-size:8px;padding:8px}.rail,.design-lab{display:none}.mobile-lab{position:fixed;z-index:100;left:10px;right:10px;bottom:10px;display:grid;grid-template-columns:auto repeat(4,1fr);gap:1px;background:#111;border:1px solid #333}.mobile-lab b,.mobile-lab button{background:#0b0b0b;color:#fff;border:0;padding:11px 8px;font:8px var(--mono)}.mobile-lab b{color:var(--red)}.intro{padding:85px 22px 100px}.intro h1{font-size:19vw}.intro-bottom{flex-direction:column}.intro-orbit{width:100px;height:100px;right:20px;top:16vh}.intro-orbit i{transform:translateX(50px)}.intro-orbit i:nth-child(2){transform:rotate(120deg) translateX(50px)}.intro-orbit i:nth-child(3){transform:rotate(240deg) translateX(50px)}.example{min-height:100svh}.example-ui{padding:120px 26px 90px}.fake-nav{left:26px;right:26px;top:80px;gap:12px}.fake-nav span:nth-child(2),.fake-nav span:nth-child(3){display:none}.ex01 h2{font-size:22vw}.tag{display:none}.ex02{padding:72px 14px 80px}.fashion-grid{height:auto;min-height:calc(100svh - 150px);grid-template-columns:1fr;grid-template-rows:auto 48vh}.fashion-copy{padding:34px 24px}.fashion-copy h2{font-size:17vw}.fashion-media{order:-1}.travel-panel{left:16px;right:16px;bottom:76px;width:auto;padding:24px}.travel-panel h2{font-size:15vw}.travel-coord{right:18px;top:80px}.event-stage{padding:100px 24px}.event-top{left:24px;right:24px;top:80px}.ex04 h2{font-size:20vw}.event-card{right:24px;bottom:90px;width:200px}.event-ticker{bottom:55px}.hospitality-media{inset:0}.hospitality-media:after{background:linear-gradient(0deg,#211d18 0,rgba(33,29,24,.5) 55%,transparent)}.hospitality-copy{width:100%;padding:110px 24px 100px;justify-content:flex-end}.hospitality-copy h2{font-size:18vw}.hospitality-menu{flex-wrap:wrap;margin-top:35px}.hospitality-mark{display:none}.product-wrap{grid-template-columns:1fr;padding:100px 24px}.product-copy{justify-content:flex-start}.product-copy h2{font-size:17vw}.product-object{position:absolute;right:-20px;bottom:100px;transform:scale(.7)}.product-meta{left:24px;right:24px;bottom:70px}.arch-media{inset:0}.arch-media:after{content:'';position:absolute;inset:0;background:rgba(0,0,0,.6)}.arch-copy{width:100%;padding:120px 24px}.arch-copy h2{font-size:16vw}.arch-side{display:none}.studio-shell{padding:80px 18px}.studio-copy{left:22px;right:22px;bottom:90px}.studio-copy h2{font-size:16vw}.studio-window.one{right:18px;top:90px;width:220px}.studio-window.two{left:18px;right:auto;top:290px;width:190px}.studio-window.three{display:none}.portfolio-media{inset:0}.portfolio-paper{width:88%;padding:110px 24px 100px;background:rgba(235,231,220,.9)}.portfolio-paper h2{font-size:17vw}.portfolio-stamp{bottom:80px}.exp-copy{padding:120px 24px}.exp-copy h2{font-size:20vw}.exp-signal{right:24px;bottom:90px;width:170px}.outro{padding:120px 24px}.outro h2{font-size:16vw}}