.hrack{--px:clamp(.5px, min(.056vw, .09svh), .95px);--top:28px;--rod-h:max(4px, calc(var(--px) * 8));padding-top:var(--top);-webkit-user-select:none;user-select:none;position:relative}.hrack:before{content:"";z-index:-1;background:radial-gradient(min(520px, 60vw) circle at var(--lx,50%) var(--ly,48%), color-mix(in srgb, var(--white) 85%, transparent), transparent 70%);pointer-events:none;position:absolute;inset:-100vmax}.hrack__rod{left:0;right:calc(var(--gutter) * -1 - max(0px, (100vw - 1600px) / 2));top:calc(var(--top) - var(--rod-h) / 2);height:var(--rod-h);border-radius:calc(var(--rod-h) / 2) 0 0 calc(var(--rod-h) / 2);background:linear-gradient(var(--white), color-mix(in srgb, var(--ciel) 70%, var(--white)) 40%, color-mix(in srgb, var(--navy) 50%, var(--ciel)));box-shadow:0 5px 8px -3px color-mix(in srgb, var(--navy) 40%, transparent);transform-origin:100%;animation:hrack-rod 1.1s var(--ease) both;position:absolute}.hrack__rod:before,.hrack__rod:after{content:"";width:1.5px;height:calc(var(--px) * 300);background:linear-gradient(transparent, color-mix(in srgb, var(--navy) 35%, var(--ciel)));position:absolute;bottom:100%}.hrack__rod:before{left:8%}.hrack__rod:after{right:18%}@keyframes hrack-rod{0%{scale:0 1}}.hrack__items{justify-content:center;gap:clamp(16px,3vw,48px);display:flex;position:relative}.hrack__item{width:calc(var(--w) * var(--px));-webkit-tap-highlight-color:transparent;outline:none;grid-template-rows:auto 1fr;place-items:end center;gap:22px;display:grid;position:relative}.hrack.is-live .hrack__item{opacity:0}.hrack.is-live .hrack__item.is-in{opacity:1;transition:opacity .5s,filter .5s}.hrack__swing{width:100%;height:calc(var(--h) * var(--px));transform-origin:50% 0;display:block;position:relative}.hrack.is-live .hrack__swing{will-change:transform}.hrack__hang{filter:drop-shadow(14px 22px 16px color-mix(in srgb, var(--navy) 20%, transparent));position:absolute;inset:0}.hrack__photo{top:calc(var(--hy) * var(--px) * -1);left:calc(var(--x0) * var(--px) * -1);width:calc(var(--pw) * var(--px));max-width:none;height:auto;transform:skewY(var(--level));transform-origin:calc(var(--hx) * var(--px)) calc(var(--hy) * var(--px));pointer-events:none;position:absolute}.hrack__tag{top:calc((var(--ty) - var(--hy)) * var(--px));left:calc((var(--tx) - var(--x0)) * var(--px));font:400 9px/1.2 var(--font);letter-spacing:.08em;background:var(--white);box-shadow:0 2px 4px color-mix(in srgb, var(--navy) 16%, transparent);transform-origin:0 0;padding:2px 5px;position:absolute;rotate:8deg}.hrack__tag:before{content:"";background:var(--navy-60);transform-origin:100%;width:9px;height:1px;position:absolute;top:1px;right:100%;rotate:28deg}.hrack__caption{text-align:center;justify-items:center;gap:4px;width:100%;display:grid}.hrack.is-live .hrack__caption{opacity:0;transition:opacity .6s, translate .8s var(--ease);translate:0 6px}.hrack.is-live .is-hung .hrack__caption{opacity:1;translate:0}.hrack__name{white-space:nowrap;letter-spacing:-.04em;transition:background-size .5s var(--ease), color .4s;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;font-size:clamp(20px,1.8vw,28px);line-height:1.05;position:relative}.hrack__name:after{content:"→";opacity:0;transition:opacity .4s, translate .5s var(--ease);position:absolute;left:calc(100% + .3em);translate:-6px}.hrack__subs{letter-spacing:.12em;text-transform:uppercase;text-wrap:balance;color:var(--navy-60);font-size:11px}.hrack__item:is(.is-active,:hover,:focus-visible) .hrack__name{background-size:100% 1px}.hrack__item:is(.is-active,:hover,:focus-visible) .hrack__name:after{opacity:1;translate:0}.hrack.is-live .hrack__item:not(.is-active) .hrack__name{color:var(--navy-80)}.hrack.is-leaving .hrack__item:not(.is-chosen){opacity:.15;filter:blur(8px)}.hrack.is-leaving .hrack__item .hrack__caption{opacity:0;transition:opacity .3s}@media (width<=860px){.hrack{--px:min(calc((100vw - 2 * var(--gutter) - 16px) / 720), .75px);--top:20px}.hrack__rod:before,.hrack__rod:after{display:none}.hrack__subs{letter-spacing:.1em;font-size:10px}}.hero{min-height:calc(100dvh - var(--header-h));isolation:isolate;background:linear-gradient(var(--beige), color-mix(in srgb, var(--ciel) 22%, var(--beige)));align-items:center;padding-block:clamp(32px,5vw,72px);display:grid;position:relative;overflow:hidden}.hero__inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-self:stretch;align-items:center;gap:clamp(24px,4vw,64px);width:100%;display:grid}.hero__inner>.hrack{align-self:start}.hero__eyebrow{animation:fade 1s .1s var(--ease) both}.hero__title{letter-spacing:-.05em;margin:22px 0 26px;font-size:clamp(38px,4.6vw,84px);line-height:.98}.mask{padding-bottom:.06em;display:block;overflow:hidden}.mask>span{animation:rise 1.1s var(--ease) both;display:block}.mask:nth-child(2)>span{animation-delay:80ms}.mask:nth-child(3)>span{animation-delay:.16s}@keyframes rise{0%{transform:translateY(105%)}}@keyframes fade{0%{opacity:0}}.hero__sub{max-width:40ch;color:var(--navy-80);animation:fade 1s .4s var(--ease) both;font-size:15px}.section{padding-top:clamp(80px,10vw,140px)}.section__title{max-width:18ch;font-size:clamp(28px,3.4vw,52px)}.collections{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:clamp(16px,2vw,28px);display:grid}.tile{display:block;position:relative;overflow:hidden}.tile__media{aspect-ratio:5/6;background:var(--paper);overflow:hidden}.tile__media img{object-fit:cover;width:100%;height:100%;transition:transform 1.4s var(--ease)}.tile:hover .tile__media img{transform:scale(1.06)rotate(-1.5deg)}.tile__body{background:linear-gradient(transparent, color-mix(in srgb, var(--white) 94%, transparent) 45%);grid-template-columns:auto 1fr auto;align-items:end;column-gap:16px;padding:clamp(18px,2.4vw,32px);display:grid;position:absolute;bottom:0;left:0;right:0}.tile__num{font:400 11px var(--font);letter-spacing:.14em;color:var(--navy-60);grid-row:span 2;align-self:start;padding-top:10px}.tile__name{letter-spacing:-.05em;font-size:clamp(34px,4.4vw,68px);line-height:.95}.tile__subs{color:var(--navy-60);grid-column:2;margin-top:10px;font-size:13px}.tile__go{width:56px;height:56px;box-shadow:inset 0 0 0 1px var(--navy);transition:background .4s var(--ease), color .4s, transform .5s var(--ease), box-shadow .4s;border-radius:50%;grid-area:1/3/span 2;place-items:center;font-size:20px;display:grid}.tile:hover .tile__go{background:var(--ciel);color:var(--navy);box-shadow:none;transform:rotate(-45deg)}.edit__head{justify-content:space-between;align-items:end;gap:24px;margin-bottom:clamp(28px,3vw,44px);display:flex}.edit__head .reveal{gap:14px;display:grid}.edit__nav{gap:8px;display:flex}.edit__btn{width:52px;height:52px;box-shadow:inset 0 0 0 1px var(--line);border-radius:50%;font-size:18px;transition:background .3s,color .3s,box-shadow .3s}.edit__btn:hover{background:var(--navy);color:var(--beige)}.edit__rail{scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);padding-inline:max(var(--gutter), calc((100vw - 1600px) / 2 + var(--gutter)));scrollbar-width:none;grid-auto-columns:clamp(240px,24vw,360px);grid-auto-flow:column;gap:24px;display:grid;overflow-x:auto}.edit__rail::-webkit-scrollbar{display:none}.edit__rail>*{scroll-snap-align:start}.edit__rail .state{width:calc(100vw - 2 * var(--gutter));grid-column:1/-1}.story{--stitch:color-mix(in srgb, var(--ciel) 45%, transparent);--shoulder:clamp(28px, 4vw, 56px);background-color:var(--navy);color:var(--beige);clip-path:polygon(0 var(--shoulder), 32% 0, 68% 0, 100% var(--shoulder), 100% 100%, 0 100%);background-image:repeating-linear-gradient(45deg,#ffffff06 0 1px,#0000 1px 4px),repeating-linear-gradient(-45deg,#0000000f 0 1px,#0000 1px 4px);grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);margin-top:clamp(56px,7vw,104px);padding-top:clamp(112px,11vw,150px);display:grid;position:relative}.shirt__collar{filter:drop-shadow(0 8px 10px #0000004d);width:clamp(180px,26%,340px);position:absolute;top:0;left:50%;overflow:visible;translate:-50%}.shirt__neck{fill:color-mix(in srgb, var(--navy) 70%, black)}.shirt__wing{fill:color-mix(in srgb, var(--navy) 88%, var(--ciel));stroke:var(--stitch);stroke-width:.5px;stroke-linejoin:round}.shirt__stitch{fill:none;stroke:var(--stitch);stroke-width:.5px;stroke-dasharray:2 1.6}.shirt__placket{border-inline:1px dashed var(--stitch);background:radial-gradient(circle, var(--ciel) 0 5px, color-mix(in srgb, var(--ciel) 70%, var(--navy)) 5.5px 6.5px, transparent 7px) center 40px / 100% 96px repeat-y}.story__side{align-content:start;padding:clamp(24px,4vw,64px) clamp(24px,5vw,80px) clamp(48px,6vw,96px);display:grid}.story__brand{--stitch:color-mix(in srgb, var(--navy) 30%, transparent);background-color:var(--ciel);outline:1px dashed var(--stitch);outline-offset:-7px;background-image:repeating-linear-gradient(45deg,#ffffff1a 0 1px,#0000 1px 4px);border-radius:2px 2px 22px 22px;justify-self:center;gap:16px;width:min(100%,440px);padding:clamp(40px,4vw,56px) clamp(22px,3vw,36px) clamp(32px,3.6vw,48px);display:grid;position:relative;box-shadow:0 14px 30px #00000040;container-type:inline-size}.story__brand:before{content:"";border-bottom:1px dashed var(--stitch);background:#1734520f;height:22px;position:absolute;top:0;left:0;right:0}.story__brand h2{background:linear-gradient(100deg, var(--navy) 20%, #4a6d8c);color:#0000;white-space:nowrap;letter-spacing:-.04em;-webkit-background-clip:text;background-clip:text;font-size:clamp(16px,6cqi,40px);line-height:1}.story__brand em{color:inherit;background:0 0}.story__brand .eyebrow{color:var(--navy-80)}.story__text{font:400 clamp(16px, 1.3vw, 19px) / 1.55 var(--font);align-content:start;gap:18px;padding:clamp(24px,4vw,64px) clamp(24px,5vw,80px) clamp(48px,6vw,96px);display:grid}.story__text p{max-width:58ch}.studio{--brand-bar:linear-gradient(90deg, var(--beige) 70%, var(--ciel) 70%);background:var(--navy);color:var(--beige);margin-top:clamp(80px,10vw,140px)}.studio__inner{grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,96px);padding-block:clamp(48px,6vw,88px);display:grid}.studio .eyebrow{color:var(--beige-60)}.studio em{color:var(--ciel);background:0 0}.studio__statement h2{margin-top:18px;font-size:clamp(30px,3.8vw,58px)}.studio__sub{letter-spacing:-.02em;margin-top:.4em;font-size:.5em;line-height:1.25;display:block}.studio__pillars{align-content:end;gap:0;margin:0;padding:0;list-style:none;display:grid}.studio__pillars li{border-top:1px solid color-mix(in srgb, var(--beige) 18%, var(--navy));grid-template-columns:56px 1fr;gap:4px 16px;padding:26px 0;display:grid}.studio__num{font:400 14px var(--font);color:var(--ciel);grid-row:span 2;padding-top:6px}.studio__pillars h3{font-size:22px}.studio__pillars p{color:var(--beige-60);max-width:44ch}.experience{padding-top:clamp(64px,8vw,110px)}.experience__head{margin-bottom:clamp(24px,3vw,40px)}.service{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.service>div{background:var(--brand-bar) 0 0 / 100% 2px no-repeat;gap:10px;padding-top:22px;display:grid}.service p{font:400 clamp(16px, 1.4vw, 20px) / 1.3 var(--font);letter-spacing:-.02em;max-width:24ch;font-stretch:125%}@media (width<=1100px){.service{grid-template-columns:repeat(2,1fr)}}@media (width<=860px){.hero{min-height:0;padding-bottom:56px}.hero__inner{grid-template-columns:1fr;gap:40px}.studio__inner,.service{grid-template-columns:1fr}.edit__nav{display:none}.tile__go{width:44px;height:44px}.story{grid-template-columns:1fr}.shirt__placket{display:none}.story__side{padding-bottom:0}.story__brand{width:100%}}