.logo-intro{position:fixed;z-index:5000;inset:0;overflow:hidden;background:#070706;color:#f6f0e4;isolation:isolate;opacity:1;visibility:visible;transition:opacity .75s ease,visibility .75s ease}
.logo-intro.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
body.intro-active{overflow:hidden}
.intro-skip{position:absolute;z-index:12;top:clamp(1.2rem,3vw,2.5rem);right:clamp(1.2rem,4vw,4rem);border:0;border-bottom:1px solid rgba(224,194,124,.55);padding:.55rem 0;background:transparent;color:#eee7d9;font:500 .69rem/1.2 var(--sans,Arial,sans-serif);letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:color .25s,border-color .25s}
.intro-skip:hover,.intro-skip:focus-visible{color:#e4c77d;border-color:#e4c77d;outline:0}.intro-skip span{margin-left:.45rem;color:#d5ad58}
.intro-grain{position:absolute;z-index:-1;inset:-35%;opacity:.2;background-image:radial-gradient(circle at 35% 28%,rgba(255,255,255,.16) 0 1px,transparent 1.7px),radial-gradient(circle at 72% 64%,rgba(255,255,255,.1) 0 1px,transparent 1.8px);background-size:7px 9px,11px 13px;transform:rotate(8deg)}
.intro-grain:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(108deg,transparent 0 18px,rgba(202,165,90,.025) 19px,transparent 20px)}
.intro-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 48%,rgba(160,111,28,.13),transparent 52%),linear-gradient(115deg,transparent 35%,rgba(226,195,123,.06) 49%,transparent 62%);opacity:0;animation:introGlow 7.8s ease forwards}
.intro-stitch{position:absolute;z-index:2;left:50%;top:50%;width:min(82vw,1120px);transform:translate(-50%,-51%);animation:stitchExit 7.8s ease forwards}
.intro-stitch svg{width:100%;overflow:visible;filter:drop-shadow(0 0 11px rgba(203,159,66,.25))}.intro-stitch path{fill:none;stroke-linecap:round;stroke-linejoin:round}.stitch-shadow{stroke:#382b15;stroke-width:8;opacity:.75}.stitch-line{stroke:#d8ad55;stroke-width:3;stroke-dasharray:.018 .012;stroke-dashoffset:1;animation:drawStitch 2.55s cubic-bezier(.42,0,.28,1) .25s forwards}.intro-needle{position:absolute;left:2.4%;top:72.5%;width:42px;height:2px;background:linear-gradient(90deg,#7f7769,#fff8df);box-shadow:0 0 12px #d8ad55;transform:rotate(-9deg);opacity:0;animation:needleMove 2.55s cubic-bezier(.42,0,.28,1) .25s forwards}.intro-needle:after{content:"";position:absolute;right:-2px;top:-2px;width:6px;height:6px;border-radius:50%;background:#e5bb64}
.intro-work{position:absolute;inset:0;z-index:3}.intro-photo{position:absolute;margin:0;overflow:hidden;background:#111;box-shadow:0 24px 80px rgba(0,0,0,.75);opacity:0}.intro-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.76) contrast(1.08) brightness(.72);transform:scale(1.09)}.intro-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(216,173,85,.18),transparent 38%,rgba(0,0,0,.3))}.intro-photo span{position:absolute;z-index:2;left:1rem;bottom:.8rem;color:#e2c376;font-size:.58rem;letter-spacing:.25em;text-transform:uppercase}.photo-one{width:29vw;height:56vh;left:3vw;top:22vh;animation:photoOne 7.8s ease forwards}.photo-two{width:36vw;height:64vh;left:32vw;top:17vh;animation:photoTwo 7.8s ease forwards}.photo-three{width:29vw;height:56vh;right:3vw;top:22vh;animation:photoThree 7.8s ease forwards}.intro-photo img{animation:photoZoom 2.4s ease 2.8s forwards}
.intro-brand{position:absolute;z-index:6;left:50%;top:50%;width:min(920px,88vw);text-align:center;transform:translate(-50%,-47%) scale(.96);opacity:0;animation:brandReveal 7.8s cubic-bezier(.22,.75,.28,1) forwards}.intro-brand img{width:100%;height:auto;margin:auto;filter:drop-shadow(0 18px 38px #000)}.brand-sheen{position:absolute;inset:-15% -30%;transform:translateX(-75%) skewX(-18deg);background:linear-gradient(90deg,transparent 38%,rgba(255,237,187,.28) 49%,transparent 60%);animation:sheen 7.8s ease forwards;pointer-events:none}
.intro-progress{position:absolute;z-index:10;left:0;right:0;bottom:0;height:2px;background:rgba(255,255,255,.05)}.intro-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#775619,#e0bf72);animation:progress 7.8s linear forwards}
@keyframes drawStitch{to{stroke-dashoffset:0}}@keyframes needleMove{0%{opacity:0;left:2.4%;top:72.5%}5%{opacity:1}45%{left:43%;top:24%}75%{left:73%;top:51%}95%{opacity:1;left:95%;top:72%}100%{opacity:0;left:96%;top:72%}}
@keyframes stitchExit{0%,33%{opacity:1;transform:translate(-50%,-51%) scale(1)}41%,100%{opacity:0;transform:translate(-50%,-51%) scale(1.035)}}@keyframes introGlow{0%{opacity:0}12%,72%{opacity:1}100%{opacity:.25}}
@keyframes photoOne{0%,34%{opacity:0;transform:translateX(-35px)}40%,60%{opacity:.72;transform:none}68%,100%{opacity:0;transform:translateX(-18px)}}@keyframes photoTwo{0%,37%{opacity:0;transform:translateY(22px)}43%,62%{opacity:1;transform:none}70%,100%{opacity:0;transform:scale(.98)}}@keyframes photoThree{0%,40%{opacity:0;transform:translateX(35px)}46%,61%{opacity:.72;transform:none}69%,100%{opacity:0;transform:translateX(18px)}}@keyframes photoZoom{to{transform:scale(1)}}
@keyframes brandReveal{0%,62%{opacity:0;transform:translate(-50%,-43%) scale(.96)}72%,96%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:1;transform:translate(-50%,-50%) scale(1.01)}}@keyframes sheen{0%,76%{transform:translateX(-75%) skewX(-18deg)}91%,100%{transform:translateX(75%) skewX(-18deg)}}@keyframes progress{to{width:100%}}
@media(max-width:700px){.intro-stitch{width:125vw}.intro-work{transform:scale(1.08)}.photo-one{width:42vw;left:-7vw}.photo-two{width:60vw;left:20vw}.photo-three{width:42vw;right:-7vw}.intro-brand{width:96vw}.intro-skip{font-size:.62rem}}
.site-header .brand img{width:330px!important;max-width:35vw;height:auto!important}.site-header.scrolled .brand img{width:245px!important}.footer-brand img{width:390px!important;max-width:min(86vw,390px)}
@media(max-width:900px){.site-header .brand img{width:245px!important;max-width:62vw}.site-header.scrolled .brand img{width:215px!important}}
@media(max-width:560px){.site-header .brand img{width:215px!important;max-width:66vw}.site-header.scrolled .brand img{width:190px!important}.footer-brand img{width:310px!important}}
@media(prefers-reduced-motion:reduce){.intro-glow,.intro-stitch,.stitch-line,.intro-needle,.intro-photo,.intro-photo img,.intro-brand,.brand-sheen,.intro-progress span{animation-duration:.01ms!important;animation-delay:0ms!important}}