@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{--deep:#10211e;--cream:#f4efe5;--orange:#c45b32;--serif:'Instrument Serif',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--deep);font-family:var(--sans)}button{font:inherit}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:50;background:#fff;color:#111;padding:.8rem 1rem}.skip-link:focus{top:1rem}.study-header{height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(1.25rem,4vw,4rem);border-bottom:1px solid #bbb7ad;background:rgba(244,239,229,.94);backdrop-filter:blur(12px)}.wordmark{font:400 1.3rem Georgia,serif;text-decoration:none;color:var(--deep);letter-spacing:-.055em}.wordmark span,.study-header p span{color:var(--orange)}.study-header p,.study-header b{font-size:.6rem;letter-spacing:.15em;text-transform:uppercase}.study-header b{text-align:right;color:#9d4225}.expertise-study{padding:clamp(3.5rem,6vw,6rem) clamp(1.25rem,4vw,4rem) clamp(5rem,8vw,8rem);overflow:hidden}.study-intro{display:flex;justify-content:space-between;align-items:center}.study-mark{display:flex;gap:.65rem;align-items:center;font-size:.65rem;font-weight:700;letter-spacing:.16em}.study-mark span{width:30px;height:30px;display:grid;place-items:center;border:1px solid #bd8069;border-radius:50%;color:var(--orange)}.study-mark p,.study-note{margin:0}.study-note{font-size:.58rem;letter-spacing:.18em;color:#737b75}.study-heading{display:grid;grid-template-columns:1.45fr .55fr;gap:6vw;align-items:end;margin:2rem 0 3.2rem}.study-heading h1{font:400 clamp(4.8rem,8.2vw,9.5rem)/.84 var(--serif);letter-spacing:-.052em;margin:0}.study-heading h1 em{font-weight:400;color:var(--orange)}.study-heading>div{max-width:400px}.study-heading>div p{font-size:.93rem;line-height:1.6;margin:0}.study-heading>div p+p{margin-top:1rem;color:#657068}.product-equation{display:flex;align-items:center;gap:1.2rem;margin:0 0 1.7rem;padding:.9rem 1rem;border-top:1px solid #b8b8ad;border-bottom:1px solid #b8b8ad;font-size:.57rem;font-weight:700;letter-spacing:.15em;color:#67726b;white-space:nowrap;overflow:hidden}.product-equation i{font-style:normal;color:#acb2a8}.product-equation b{font:400 1.5rem var(--serif);color:var(--orange)}.product-equation strong{margin-left:auto;color:#983b20}.expertise-interface{display:grid;grid-template-columns:minmax(260px,29%) 1fr;border:1px solid #aeb4ab;box-shadow:0 30px 80px rgba(28,44,37,.1)}.domain-controls{background:#e7e0d4;border-right:1px solid #aeb4ab;padding:1.1rem;display:flex;flex-direction:column}.control-instruction{display:flex;justify-content:space-between;font-size:.59rem;letter-spacing:.14em;font-weight:700;color:#766e64;margin:.3rem .5rem 1rem}.control-instruction span{color:var(--orange);font-size:1rem}.domain-control{display:grid;grid-template-columns:2rem 1fr;text-align:left;gap:.25rem .55rem;align-items:center;min-height:83px;padding:.75rem;background:transparent;color:var(--deep);border:0;border-bottom:1px solid #b8b6ac;cursor:pointer;transition:background .35s,color .35s,transform .35s}.domain-control span{grid-row:1/3;font-size:.54rem;letter-spacing:.12em;color:var(--orange)}.domain-control b{font:400 clamp(1.3rem,1.8vw,1.7rem)/1 var(--serif)}.domain-control small{font-size:.56rem;color:#67726b}.domain-control:hover{background:#d5ddd4;transform:translateX(4px)}.domain-control.active{background:var(--orange);color:#fff;transform:translateX(4px);box-shadow:-4px 0 0 #8f371d}.domain-control.active span,.domain-control.active small{color:#fff}.domain-stage{min-width:0;min-height:850px;position:relative;isolation:isolate;overflow:hidden;background:#142a25;color:#f5efe5}.stage-grid{position:absolute;inset:0;z-index:-5;opacity:.36;background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:50px 50px}.material-field{position:absolute;z-index:-4;width:46%;height:105%;top:-4%;right:-10%;border:1px solid rgba(255,255,255,.12);background:rgba(196,91,50,.58);transform:skewX(-10deg) rotate(4deg);transition:background .65s,transform .85s cubic-bezier(.22,1,.36,1)}.field-two{right:18%;width:15%;background:rgba(236,222,196,.13);mix-blend-mode:screen}.domain-stage[data-active=home] .field-one{background:rgba(160,119,83,.66);transform:skewX(7deg) rotate(-5deg)}.domain-stage[data-active=leather] .field-one{background:rgba(104,57,34,.8);transform:skewX(-5deg) rotate(1deg)}.domain-stage[data-active=outerwear] .field-one{background:rgba(31,91,96,.78);transform:skewX(11deg) rotate(-4deg)}.domain-stage[data-active=technical] .field-one{background:rgba(107,101,48,.72);transform:skewX(-14deg) rotate(6deg)}.domain-stage[data-active=plush] .field-one{background:rgba(190,99,72,.72);transform:skewX(5deg) rotate(-5deg)}.stage-coordinate{position:absolute;margin:0;font-size:.49rem;letter-spacing:.2em;color:#8ca096}.stage-coordinate.top{right:1.3rem;top:1.2rem}.stage-coordinate.side{right:1rem;top:32%;writing-mode:vertical-rl}.product-world{position:absolute;left:0;right:0;top:0;height:500px;perspective:1100px;transform-style:preserve-3d}.world-orbit{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%) rotateX(67deg);width:530px;height:530px;border:1px dashed rgba(255,255,255,.2);border-radius:50%;animation:orbit-turn 28s linear infinite}.orbit-two{width:390px;height:390px;animation-direction:reverse;animation-duration:21s}.product-card{position:absolute;width:145px;height:185px;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;background:rgba(238,232,219,.95);color:var(--deep);border:1px solid rgba(255,255,255,.72);box-shadow:0 30px 70px rgba(0,0,0,.32);transform-style:preserve-3d}.product-card svg{width:85px;height:105px;overflow:visible}.product-card path{fill:none;stroke:var(--deep);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.product-card span{font-size:.54rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.card-one{left:10%;top:17%;transform:rotateY(21deg) rotateZ(-6deg)}.card-two{right:8%;top:23%;transform:rotateY(-22deg) rotateZ(6deg)}.card-three{right:33%;top:8%;transform:translateZ(55px) rotateZ(2deg);background:var(--orange);color:#fff}.card-three path{stroke:#fff}.product-world.change .card-one{animation:card-in-one .65s cubic-bezier(.22,1,.36,1)}.product-world.change .card-two{animation:card-in-two .65s cubic-bezier(.22,1,.36,1)}.product-world.change .card-three{animation:card-in-three .65s cubic-bezier(.22,1,.36,1)}.world-core{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%) translateZ(-30px);width:220px;height:220px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(12,38,31,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 0 0 24px rgba(255,255,255,.025),0 0 55px rgba(0,0,0,.22)}.world-core span,.world-core strong{font:400 1.25rem/.95 var(--serif)}.world-core strong{color:#e88b60}.world-core i{width:45px;height:1px;background:#d57b4f;margin:.65rem}.domain-story{position:absolute;left:0;right:0;bottom:0;min-height:350px;padding:1.5rem 2rem;background:rgba(7,27,22,.95);border-top:1px solid rgba(255,255,255,.2);backdrop-filter:blur(12px)}.story-heading>span,.story-columns span{font-size:.54rem;letter-spacing:.17em;color:#e9946c}.story-heading h2{font:400 clamp(2.3rem,3.7vw,4.2rem)/.98 var(--serif);letter-spacing:-.03em;margin:.55rem 0}.story-heading>p{font-size:.78rem;line-height:1.55;color:#d5ded7;max-width:710px;margin:0}.story-columns{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:1.3rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.18)}.story-columns p{font-size:.7rem;line-height:1.5;color:#cbd6ce;margin:.45rem 0 0;max-width:430px}.product-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.2rem}.product-tags span{padding:.42rem .55rem;border:1px solid rgba(255,255,255,.27);font-size:.48rem;letter-spacing:.08em;text-transform:uppercase}.domain-story.change>*{animation:story-in .5s cubic-bezier(.22,1,.36,1)}.five-m-shift{display:grid;grid-template-columns:auto 1fr;gap:2rem;align-items:center;padding:1.5rem 1.6rem;border:1px solid #aeb4ab;border-top:0;background:#ddd7cb}.five-m-shift>p{font-size:.54rem;font-weight:700;letter-spacing:.15em;color:#765f51;margin:0}.five-m-shift>div{display:flex;align-items:center;gap:.8rem}.five-m-shift span{font:400 clamp(1rem,1.55vw,1.5rem)/1 var(--serif)}.five-m-shift i{height:1px;flex:1;background:#9da79e;position:relative;overflow:hidden}.five-m-shift i:after{content:'';position:absolute;inset:0;background:var(--orange);transform:translateX(-100%);animation:m-shift 5.5s linear infinite}.five-m-shift i:nth-of-type(2):after{animation-delay:.7s}.five-m-shift i:nth-of-type(3):after{animation-delay:1.4s}.five-m-shift i:nth-of-type(4):after{animation-delay:2.1s}.study-ending{font:400 clamp(2.6rem,4.8vw,5.5rem)/.98 var(--serif);letter-spacing:-.035em;margin:4rem 0 0;max-width:1100px}.study-ending em{font-weight:400;color:var(--orange)}@keyframes orbit-turn{to{transform:translate(-50%,-50%) rotateX(67deg) rotateZ(360deg)}}@keyframes card-in-one{from{opacity:0;transform:translate3d(-35px,-20px,-40px) rotateY(21deg) rotateZ(-6deg)}to{opacity:1;transform:rotateY(21deg) rotateZ(-6deg)}}@keyframes card-in-two{from{opacity:0;transform:translate3d(35px,-20px,-40px) rotateY(-22deg) rotateZ(6deg)}to{opacity:1;transform:rotateY(-22deg) rotateZ(6deg)}}@keyframes card-in-three{from{opacity:0;transform:translate3d(0,-30px,20px) rotateZ(2deg)}to{opacity:1;transform:translateZ(55px) rotateZ(2deg)}}@keyframes story-in{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}@keyframes m-shift{to{transform:translateX(100%)}}
@media(max-width:1050px){.study-heading{grid-template-columns:1fr}.study-heading>div{max-width:700px}.expertise-interface{grid-template-columns:minmax(250px,34%) 1fr}.domain-stage{min-height:900px}.product-card{width:120px;height:155px}.product-card svg{width:68px;height:84px}.world-core{width:185px;height:185px}.domain-story{min-height:395px}}
@media(max-width:760px){.study-header{height:68px;grid-template-columns:1fr auto}.study-header p{display:none}.study-header b{font-size:.5rem}.expertise-study{padding:3.5rem 1.25rem 5rem}.study-note{display:none}.study-heading h1{font-size:clamp(4.2rem,15vw,6.2rem)}.product-equation{margin-left:-1.25rem;margin-right:-1.25rem;padding-left:1.25rem}.expertise-interface{grid-template-columns:1fr;margin-left:-1.25rem;margin-right:-1.25rem;border-left:0;border-right:0}.domain-controls{border-right:0;border-bottom:1px solid #aeb4ab;display:grid;grid-template-columns:1fr 1fr;padding:.8rem}.control-instruction{grid-column:1/-1}.domain-control{min-height:78px;border:1px solid #b8b6ac;margin:-.5px;padding:.65rem;grid-template-columns:1.5rem 1fr}.domain-control.active,.domain-control:hover{transform:none;box-shadow:inset 4px 0 0 #8f371d}.domain-control b{font-size:1.2rem}.domain-control small{font-size:.5rem}.domain-stage{min-height:880px}.product-world{height:410px}.product-card{width:105px;height:138px;padding:.6rem}.product-card svg{width:60px;height:74px}.card-one{left:4%;top:18%}.card-two{right:3%;top:23%}.card-three{right:34%;top:6%}.world-core{width:155px;height:155px}.world-core span,.world-core strong{font-size:1rem}.domain-story{min-height:470px;padding:1.4rem}.story-heading h2{font-size:2.6rem}.story-columns{grid-template-columns:1fr;gap:1rem}.five-m-shift{grid-template-columns:1fr;gap:.8rem;margin-left:-1.25rem;margin-right:-1.25rem;border-left:0;border-right:0}.five-m-shift>div{gap:.45rem;flex-wrap:wrap}.five-m-shift span{font-size:1rem}.five-m-shift i{min-width:18px}.study-ending{font-size:clamp(2.7rem,10vw,4rem)}}
@media(max-width:430px){.study-heading h1{font-size:clamp(3.8rem,16vw,5.1rem)}.domain-control b{font-size:1.05rem}.domain-stage{min-height:900px}.card-one{left:3%}.card-two{right:2%}.card-three{right:33%}.domain-story{min-height:500px}.story-heading h2{font-size:2.3rem}.study-ending{font-size:2.6rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.material-field,.domain-control{transition:none}.world-orbit,.product-world.change .product-card,.domain-story.change>*,.five-m-shift i:after{animation:none!important}.five-m-shift i:after{transform:translateX(0)}}

/* Capability-led positioning refinements */
.product-equation strong{margin-left:0;margin-right:auto}.product-card span{text-align:center;max-width:120px;line-height:1.25}.card-one span{font-size:.48rem}
