:root{--green:#06261e;--green-deep:#031a15;--ivory:#f2ede4;--gold:#bd8c4a;--gold-light:#d4b27c;--serif:"Italiana","Bodoni 72",Didot,serif;--sans:"DM Sans","Helvetica Neue",sans-serif;--x:50%;--y:50%}
*{box-sizing:border-box}html{min-width:320px;height:100%;background:var(--green);font-family:var(--sans);overflow:hidden}body{margin:0;min-width:320px;height:100%;color:var(--ivory);background:var(--green);overflow:hidden}a{color:inherit}
.grain{position:fixed;z-index:50;inset:-10%;pointer-events:none;opacity:.1;background-image:repeating-radial-gradient(circle at 17% 31%,rgba(242,237,228,.055) 0 1px,transparent 1px 4px);background-size:7px 9px;animation:grain .5s steps(2) infinite}
.opening{position:relative;display:grid;width:100%;height:100svh;padding:clamp(1.2rem,2.7vw,2.75rem);overflow:hidden;background:radial-gradient(circle at var(--x) var(--y),#0d382c 0,transparent 27rem),linear-gradient(135deg,var(--green),var(--green-deep));isolation:isolate}.opening:before,.opening:after{position:absolute;z-index:-1;top:0;bottom:0;content:"";border-left:1px solid rgba(242,237,228,.06)}.opening:before{left:33.333%}.opening:after{right:33.333%}.glow{position:absolute;z-index:-1;top:var(--y);left:var(--x);width:min(42rem,70vw);aspect-ratio:1;border:1px solid rgba(189,140,74,.09);border-radius:50%;transform:translate(-50%,-50%);transition:top .25s ease-out,left .25s ease-out}.glow:after{position:absolute;inset:18%;content:"";border:1px solid rgba(189,140,74,.07);border-radius:50%}
.opening__centre{position:relative;display:grid;width:100%;height:100%;place-items:center;padding-bottom:3rem}.brand-lockup{position:relative;z-index:2;display:grid;grid-template-columns:auto .45em 1.55em;align-items:center;gap:.22em;font-size:min(8vh,4rem)}.brand-lockup>img{display:block;width:auto;height:9.0625em;clip-path:inset(100% 0 0);animation:silhouette-rise 1.45s cubic-bezier(.76,0,.24,1) .25s forwards}.brand-lockup h1{position:relative;width:1.55em;height:9.0625em;align-self:center;margin:0;color:var(--ivory);font:400 1em/.88 var(--serif);font-weight:400;letter-spacing:-.035em}.brand-lockup h1>span{position:absolute;left:0;opacity:0;transform:translate(.12em,-50%);animation:word-in .7s cubic-bezier(.22,1,.36,1) forwards;white-space:nowrap}.brand-lockup h1>span:nth-child(1){top:30%;animation-delay:1.05s}.brand-lockup h1>span:nth-child(2){top:50%;animation-delay:1.15s}.brand-lockup h1>span:nth-child(3){top:70%;animation-delay:1.25s}.brand-lockup__number{font-size:1.55em;line-height:.82;letter-spacing:-.07em}
.measure{position:relative;width:.45em;height:9.0625em;align-self:center}.measure__rail{position:absolute;top:0;bottom:0;left:50%;width:1px;background:var(--gold);transform:scaleY(0);transform-origin:bottom;animation:measure-rise 1.45s cubic-bezier(.76,0,.24,1) .25s forwards}.measure__rail:after{position:absolute;inset:0 auto 0 0;width:.34em;content:"";background:linear-gradient(var(--gold),var(--gold)) 0 0/100% 1px no-repeat,linear-gradient(var(--gold),var(--gold)) 0 20%/.24em 1px no-repeat,linear-gradient(var(--gold),var(--gold)) 0 40%/.24em 1px no-repeat,linear-gradient(var(--gold),var(--gold)) 0 60%/.24em 1px no-repeat,linear-gradient(var(--gold),var(--gold)) 0 80%/.24em 1px no-repeat,linear-gradient(var(--gold),var(--gold)) 0 100%/100% 1px no-repeat}
.contact-footer{position:absolute;right:clamp(1.2rem,2.7vw,2.75rem);bottom:clamp(1.2rem,2.7vw,2.75rem);left:clamp(1.2rem,2.7vw,2.75rem);display:flex;justify-content:flex-end;padding-top:1.15rem;border-top:1px solid rgba(242,237,228,.18);font-size:.59rem;font-weight:500;letter-spacing:.19em;text-transform:uppercase}.contact-footer a{text-decoration:none}.contact-footer a span{margin-left:.65rem;color:var(--gold);transition:transform .3s ease}.contact-footer a:hover span{display:inline-block;transform:translate(.25rem,-.2rem)}
.entrance{opacity:0;transform:translateY(1rem);animation:enter 1s cubic-bezier(.22,1,.36,1) forwards}.entrance--2{animation-delay:.1s}.entrance--3{animation-delay:1.55s}
@keyframes grain{0%{transform:translate(0)}25%{transform:translate(2%,-1%)}50%{transform:translate(-1%,2%)}75%{transform:translate(1%,1%)}100%{transform:translate(-2%,-1%)}}@keyframes measure-rise{to{transform:scaleY(1)}}@keyframes silhouette-rise{to{clip-path:inset(0)}}@keyframes word-in{to{opacity:1;transform:translate(0,-50%)}}@keyframes enter{to{opacity:1;transform:none}}
@media(max-width:680px){.opening{padding:1rem}.opening:before{left:50%}.opening:after{display:none}.opening__centre{padding-bottom:3.5rem}.brand-lockup{font-size:min(7.17vh,3.72rem)}.contact-footer{right:1rem;bottom:1rem;left:1rem}}
@media(max-height:620px){.brand-lockup{font-size:min(6vh,3rem)}.opening__centre{padding-bottom:2.5rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.grain{animation:none}.entrance{opacity:1;transform:none}.brand-lockup>img{clip-path:none}.brand-lockup h1>span{opacity:1;transform:translate(0,-50%)}.measure__rail{transform:none}}