/* Shared interior model: each universe controls its ink and arm angle. */
:root{color-scheme:dark;--font-title:"American Typewriter","Courier New",Courier,monospace;--font-body:"Avenir Next",Avenir,"Segoe UI",Helvetica,Arial,sans-serif;--quiet:#a7a59f;--panel:#080809;--rule:#333335}
*{box-sizing:border-box}html{background:#000;scroll-behavior:smooth}
body{--section-color:var(--universe-contact);--tentacle-angle:0deg;--tentacle-right:-10vw;margin:0;min-height:100svh;background:#000;color:var(--paper);font:15px/1.65 var(--font-body);isolation:isolate}
body[data-universe="edition"]{--section-color:var(--universe-edition);--tentacle-angle:-34deg;--tentacle-right:-4vw}
body[data-universe="video"]{--section-color:var(--universe-video);--tentacle-angle:60deg}
body[data-universe="web"],body[data-universe="design"]{--section-color:var(--universe-web);--tentacle-angle:-68deg}
body[data-universe="vetements"]{--section-color:var(--universe-vetements);--tentacle-angle:-52deg}
body[data-universe="impression"]{--section-color:var(--universe-impression);--tentacle-angle:48deg}
body[data-universe="marketing"]{--section-color:var(--universe-marketing);--tentacle-angle:8deg}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--section-color);outline-offset:6px}::selection{background:var(--section-color);color:#000}[hidden]{display:none!important}
.skip{position:fixed;left:20px;top:-100px;z-index:50;padding:12px 20px;background:#fff;color:#000}.skip:focus{top:16px}
.page-width{width:min(1280px,calc(100% - 112px));margin-inline:auto}
.interior-ocean{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#000}
.tentacle-scene{position:absolute;right:var(--tentacle-right);top:-220px;height:max(160svh,1450px);aspect-ratio:2/3;transform:rotate(var(--tentacle-angle));transform-origin:50% 42%;opacity:.83}
.tentacle-scene img,.tentacle-scene canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.tentacle-scene canvas{opacity:0}.tentacle-scene.is-live canvas{opacity:1}.tentacle-scene.is-live img{visibility:hidden}
.interior-header{display:flex;align-items:center;justify-content:space-between;gap:32px;position:relative;z-index:10;padding-block:28px 17px;border-bottom:1px solid #383835}
.logo{display:flex;align-items:baseline;gap:.18em;height:80px;--logo-unit:16px;user-select:none;font-weight:700;white-space:nowrap;flex-shrink:0}.logo span{display:inline-block;line-height:80px;transition:opacity .25s}.logo .dot{font-size:calc(1.6 * var(--logo-unit));font-family:Georgia,serif;color:var(--quiet)}.logo .twist{animation:logoTwist .5s ease}
@keyframes logoTwist{0%{transform:rotate(0) scale(1);opacity:1}45%{transform:rotate(-9deg) scale(.72);opacity:.15;filter:blur(2px)}55%{transform:rotate(7deg) scale(.8);opacity:.3;filter:blur(1px)}100%{transform:rotate(0) scale(1);opacity:1;filter:blur(0)}}
.f-serif{font-family:Georgia,"Times New Roman",serif;font-size:calc(3 * var(--logo-unit))}.f-sans{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:calc(2.9 * var(--logo-unit));letter-spacing:.02em}.f-type{font-family:"Courier New",Courier,monospace;font-size:calc(2.7 * var(--logo-unit));font-weight:bold}.f-bold{font-family:"Arial Black","Helvetica Neue",sans-serif;font-size:calc(2.7 * var(--logo-unit));letter-spacing:-.02em}.f-cond{font-family:"Arial Narrow",Impact,"Helvetica Neue",sans-serif;font-size:calc(3.1 * var(--logo-unit));font-stretch:condensed;letter-spacing:.04em}.f-retro{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:calc(2.8 * var(--logo-unit));font-style:italic;font-weight:bold;letter-spacing:.03em}.f-pixel{font-family:"Lucida Console",Monaco,monospace;font-size:calc(2.4 * var(--logo-unit));font-weight:bold;letter-spacing:.08em;text-shadow:2px 2px 0 #3a3a46}
.header-navigation{display:flex;align-items:center;gap:38px;font:12px var(--font-title);letter-spacing:1.2px}.home-link{display:flex;gap:14px;align-items:center}.home-link span{font-size:20px;transition:transform .3s}.home-link:hover span{transform:translateX(-4px)}
.interior-universes{position:relative}.interior-universes summary{display:flex;align-items:center;gap:18px;list-style:none;cursor:pointer;min-height:44px}.interior-universes summary::-webkit-details-marker{display:none}.interior-universes summary>span{font:26px/1 var(--font-body);transition:transform .3s}.interior-universes[open] summary>span{transform:rotate(45deg)}
.interior-universes nav{position:absolute;right:0;top:calc(100% + 14px);width:min(370px,calc(100vw - 40px));max-height:calc(100svh - 130px);overflow:auto;background:#0c0c0d;border:1px solid #585855;border-radius:12px;padding:10px 24px;box-shadow:0 16px 60px #000b}
.interior-universes nav a{display:flex;align-items:center;gap:17px;min-height:60px;border-bottom:1px dashed #373735;color:var(--accent);font:14px/1.5 var(--font-title);letter-spacing:1px;transition:color .25s}.interior-universes nav a:last-child{border:0}.interior-universes nav small{font-size:10px}.interior-universes nav i{font-style:normal;font-size:21px;margin-left:auto;transition:transform .3s}.interior-universes nav a:hover,.interior-universes nav a:focus-visible{color:color-mix(in srgb,var(--accent) 20%,var(--paper))}.interior-universes nav a:hover i{transform:translate(3px,-3px)}.interior-universes nav a[aria-current]{background:#ffffff09}
.interior-main{padding-top:33px}.chapter-line{max-width:1056px;display:flex;justify-content:space-between;gap:20px;margin-bottom:28px;font:10px/1.5 var(--font-title);letter-spacing:1.7px;text-transform:uppercase;color:#b9b6ae}.chapter-line>span:last-child{display:flex;gap:18px}.chapter-line>span:last-child>span{color:var(--section-color)}
.universe-panel{max-width:1056px;border:1px solid var(--section-color);border-radius:16px;background:var(--panel);overflow:hidden;box-shadow:0 15px 60px #0006}
.panel-heading{display:flex;align-items:center;gap:20px;min-height:83px;border-bottom:1px solid var(--rule);padding:16px 36px;font:13px/1.5 var(--font-title);letter-spacing:1.5px;color:var(--section-color)}.panel-heading p{margin:0}.panel-heading p>span{color:color-mix(in srgb,var(--section-color) 60%,#777);font-size:11px;letter-spacing:.8px}.chapter-index{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border:1px solid currentColor;border-radius:50%;font-size:12px;letter-spacing:0}.chapter-mark{margin-left:auto;font:30px/1 var(--font-body)}
.contact-layout{display:grid;grid-template-columns:.92fr 1.08fr;padding:42px 36px 38px;gap:36px}.contact-introduction{padding-right:12px;min-width:0}.eyebrow{font:11px/1.6 var(--font-title);letter-spacing:1.4px;color:var(--section-color);margin:0 0 24px}
h1,h2,h3{font-family:var(--font-title);font-weight:400}h1{font-size:clamp(38px,4vw,56px);line-height:1.13;letter-spacing:-.045em;margin:0;color:var(--section-color)}.title-dot{color:var(--section-color)}.lead{font-size:16px;line-height:1.8;color:#c8c6bf;max-width:340px;margin:24px 0 0}.small-label{font:10px/1.7 var(--font-title);letter-spacing:1.2px;color:var(--quiet)}
.direct-contact{margin-top:38px}.direct-contact p{margin:7px 0 5px;font-size:15px}.direct-contact>a{font-size:14px;letter-spacing:.1px;display:inline-flex;gap:12px;align-items:center;overflow-wrap:anywhere}.direct-contact>a>span{font-size:21px;transition:transform .3s}.direct-contact>a:hover>span{transform:translate(3px,-3px)}.intro-note{display:flex;align-items:center;gap:16px;margin-top:38px;color:#aaa79e}.intro-note p{font-size:12px;line-height:1.8;margin:0}.tiny-star{font:38px/1 Georgia,serif;color:var(--section-color)}
.contact-form-section{border-left:1px solid var(--rule);padding-left:32px;min-width:0}.form-heading{margin-bottom:25px}.form-heading h2{font-size:21px;letter-spacing:-.025em;line-height:1.4;margin:0 0 7px}.form-heading .small-label{font-size:9px;letter-spacing:.6px}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{margin-bottom:18px;min-width:0}.field label,.copy-fallback label{display:block;margin-bottom:8px;font-size:12px;letter-spacing:.3px}.field label>span{color:var(--section-color)}
input,select,textarea{width:100%;min-width:0;border:1px solid #444446;border-radius:7px;background:#121214;padding:12px 13px;font-size:16px;line-height:1.5;outline:none;transition:border-color .2s,background .2s}input,select{height:48px}textarea{resize:vertical;min-height:145px;display:block}input:focus,select:focus,textarea:focus{border-color:var(--section-color);background:#19191b;box-shadow:0 0 0 1px var(--section-color)}textarea::placeholder{color:#85858a;font-size:14px}input:user-invalid,textarea:user-invalid{border-color:#ff8e8e}
.select-wrap{position:relative}.select-wrap select{appearance:none;padding-right:40px;font-size:14px;cursor:pointer}.select-wrap>span{position:absolute;right:15px;top:11px;pointer-events:none;color:#b9b7b0}
.delivery-note{font-size:11px;color:#aaa8a0;line-height:1.7;margin:0 0 18px;max-width:390px}.form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 20px}.primary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:49px;background:var(--section-color);color:#080808;border:1px solid var(--section-color);border-radius:6px;padding:13px 17px;font:12px/1.5 var(--font-title);letter-spacing:.4px;transition:background .25s,color .25s,border-color .25s}.primary-button>span{font:22px/1 var(--font-body);transition:transform .3s}.primary-button:hover{background:color-mix(in srgb,var(--section-color) 25%,var(--paper));border-color:var(--paper)}.primary-button:hover>span{transform:translate(3px,-3px)}.text-button{border:0;background:none;padding:12px 0;min-height:44px;font:10px/1.5 var(--font-title);letter-spacing:.3px;display:inline-flex;gap:12px}.text-button:hover{color:#fff}.form-status{margin:14px 0 0;font-size:12px;line-height:1.7;color:var(--paper)}.form-status:empty{display:none}.copy-fallback{margin-top:18px}.copy-fallback textarea{font-size:13px}
.social-strip{display:flex;align-items:center;gap:36px;border-top:1px solid var(--rule);padding:20px 36px}.social-strip>.small-label{margin-right:auto}.social-strip>a{display:flex;align-items:center;gap:25px;min-height:34px;font:12px/1.5 var(--font-title);letter-spacing:.6px}.social-strip>a>span{font-size:22px;transition:transform .3s}.social-strip>a:hover>span{transform:translate(4px,-3px)}
.below-panel{max-width:1056px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px}.back-link{display:inline-flex;align-items:center;gap:14px;min-height:44px;font:11px/1.6 var(--font-title);letter-spacing:.6px}.back-link>span{font:22px/1 var(--font-body);transition:transform .3s}.back-link:hover>span{transform:translateX(-4px)}
.interior-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:56px 28px}.interior-footer p{font:10px/1.6 var(--font-title);letter-spacing:.7px;color:var(--quiet);margin:0}.interior-footer p>span{padding-inline:10px}.motion-control{display:flex;align-items:center;gap:12px;border:1px solid #5a5953;border-radius:30px;background:#080808;padding:10px 15px;min-height:44px;font:10px/1.5 var(--font-title);letter-spacing:.3px}.motion-control:hover{border-color:#ddd}.motion-icon{min-width:12px;text-align:center}
/* The panel also serves as an editorial opening. */
.edition-opening{padding:43px 36px 37px;display:grid;grid-template-columns:1.25fr .75fr;gap:46px;align-items:end}.edition-opening h1{max-width:550px}.edition-introduction{padding-bottom:3px}.edition-introduction p{margin:0 0 24px;color:#c8c6bf;font-size:15px;line-height:1.8}.edition-opening .eyebrow{margin-bottom:20px}.collection-heading{padding:0 36px 15px;display:flex;justify-content:space-between;gap:20px}.collection-list{padding:0 36px 26px}.collection-row{display:grid;grid-template-columns:40px 1fr 28px;gap:16px;align-items:center;padding:25px 0;border-top:1px solid var(--rule)}.collection-row>small{align-self:start;margin-top:5px;font:10px/1.5 var(--font-title);letter-spacing:1px;color:var(--section-color)}.collection-row h2{font-size:21px;letter-spacing:-.025em;margin:0 0 7px;color:var(--section-color)}.collection-row p{font-size:13px;line-height:1.75;color:#b8b5ad;margin:0;max-width:640px}.collection-row>span{font-size:28px;color:var(--section-color);transition:transform .3s}.collection-row:hover>span{transform:translate(4px,-4px)}.collection-row:hover h2{color:color-mix(in srgb,var(--section-color) 22%,var(--paper))}.edition-note{padding:22px 36px;border-top:1px solid var(--rule);display:flex;justify-content:space-between;align-items:center;gap:24px}.edition-note p{margin:0;font-size:12px;color:#b8b5ad;max-width:540px}.edition-note a{white-space:nowrap;color:var(--section-color);font:12px/1.6 var(--font-title);letter-spacing:.5px}.edition-note a span{font:20px var(--font-body);padding-left:15px}
@media(min-width:1600px){.tentacle-scene{right:-3vw}body[data-universe="edition"] .tentacle-scene{right:3vw}}
@media(max-width:1100px){.page-width{width:calc(100% - 64px)}.universe-panel,.chapter-line,.below-panel{max-width:calc(100% - 35px)}.contact-layout{gap:25px;padding:32px 28px}.contact-form-section{padding-left:25px}.panel-heading,.social-strip{padding-inline:28px}.logo{--logo-unit:14px}.header-navigation{gap:25px}.lead{font-size:15px}.direct-contact>a{font-size:12px;gap:8px}.edition-opening{gap:28px;padding-inline:28px}.collection-list{padding-inline:28px}.collection-heading,.edition-note{padding-inline:28px}.tentacle-scene{right:-24vw}}
@media(max-width:780px){.page-width{width:calc(100% - 40px)}.interior-header{padding-block:15px 12px;gap:20px}.logo{--logo-unit:11px;height:62px;gap:.12em}.logo span{line-height:62px}.header-navigation{gap:15px;font-size:11px}.home-link{display:none}.interior-universes summary{gap:12px;letter-spacing:.5px}.interior-main{padding-top:25px}.chapter-line{margin-bottom:24px;font-size:8px;letter-spacing:1.1px}.chapter-line>span:last-child{gap:8px}.universe-panel,.chapter-line,.below-panel{max-width:100%}.contact-layout{grid-template-columns:1fr;gap:30px;padding:31px 26px}.contact-introduction{padding:0}.contact-introduction h1{font-size:clamp(40px,7.7vw,56px)}.lead{max-width:450px;margin-top:20px}.eyebrow{margin-bottom:20px}.direct-contact{margin-top:24px}.direct-contact>a{font-size:14px}.intro-note{display:none}.contact-form-section{border-left:0;border-top:1px solid var(--rule);padding:28px 0 0}.form-heading{display:flex;justify-content:space-between;gap:20px;align-items:baseline;flex-wrap:wrap;margin-bottom:20px}.form-heading h2{margin:0}.field-row{gap:16px}.contact-layout .lead{font-size:16px}.panel-heading{padding:14px 26px;min-height:72px;gap:15px}.panel-heading p{font-size:12px}.panel-heading p>span{font-size:10px}.social-strip{padding:17px 26px;gap:22px}.social-strip>a{font-size:11px;gap:12px}.social-strip>.small-label{font-size:9px}.below-panel>.small-label{display:none}.interior-footer{padding-top:35px}.interior-footer p{max-width:170px;line-height:1.8}.interior-footer p>span{padding-inline:3px}.tentacle-scene{right:-63vw;top:-120px;opacity:.7}body[data-universe="edition"] .tentacle-scene{right:-72vw;top:-100px}.edition-opening{grid-template-columns:1fr;padding:31px 26px;gap:24px}.edition-opening h1{font-size:clamp(38px,7.7vw,56px)}.edition-introduction p{max-width:500px}.collection-heading{padding-inline:26px}.collection-list{padding-inline:26px}.collection-row{grid-template-columns:26px 1fr 20px;gap:12px}.collection-row h2{font-size:20px}.edition-note{padding:22px 26px;flex-wrap:wrap;gap:18px}}
@media(max-width:420px){.logo{--logo-unit:9px}.header-navigation{font-size:10px}.interior-universes summary{gap:8px}.panel-heading p>span{display:block;margin-top:3px;font-size:9px}.chapter-mark{font-size:24px}.chapter-line{font-size:7px;letter-spacing:.8px}.chapter-line>span:last-child{gap:5px}.contact-layout{padding:27px 21px}.panel-heading,.social-strip{padding-inline:21px}.field-row{grid-template-columns:1fr;gap:0}.form-heading{gap:7px}.social-strip{flex-wrap:wrap;gap:8px 22px}.social-strip>.small-label{width:100%;margin:0}.social-strip>a{flex:1;justify-content:space-between;font-size:11px}.primary-button{width:100%}.form-actions{gap:5px}.interior-footer p{max-width:140px;font-size:9px}.motion-control{font-size:9px;gap:8px;padding-inline:11px}.edition-opening,.edition-note{padding-inline:21px}.collection-heading,.collection-list{padding-inline:21px}.collection-row{grid-template-columns:23px 1fr 18px;gap:8px}.collection-row h2{font-size:18px}}
/* Smaller mobile crop, with room for the spiral to open beside the panel. */
@media(max-width:780px){.tentacle-scene{height:clamp(1080px,145svh,1180px);right:-42vw;top:-90px}body[data-universe="edition"] .tentacle-scene{right:-52vw;top:-70px}}
@media(max-width:360px){.logo{--logo-unit:8px}.interior-header{gap:14px}.collection-heading>.small-label:last-child{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Édition follows the upper-left arm: one continuous arm enters from the right. */
body[data-universe="edition"]{--tentacle-angle:108deg}
body[data-universe="edition"] .tentacle-scene{left:55%;right:auto;top:40%;height:clamp(1250px,125vw,2000px);transform:translate(-50%,-50%) rotate(var(--tentacle-angle));transform-origin:50% 50%;opacity:.76}
@media(max-width:780px){body[data-universe="edition"] .tentacle-scene{left:62%;right:auto;top:50%;height:clamp(900px,190vw,1180px);opacity:.66}}