:root{color-scheme:dark;--ink:#f2eee1;--muted:#d2d2c4;--gold:#dac69a;--edge:clamp(28px,4.4vw,80px);--film-width:min(clamp(225px,26vw,390px),calc((max(700px,100svh) - 236px)*.5625));--film-gap:clamp(24px,2.4vw,44px)}
*,*::before,*::after{box-sizing:border-box}
html{background:#101c17}
body{position:relative;margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
svg{stroke:currentColor;stroke-width:1.2}
button[hidden]{display:none}
:focus-visible{outline:2px solid var(--gold);outline-offset:6px}
.brand-header{position:absolute;z-index:5;left:50%;top:28px;transform:translateX(-50%);text-align:center;width:max-content;max-width:65vw;pointer-events:none;animation:brand-enter 1s both .1s}
.brand{display:flex;align-items:center;justify-content:center;gap:13px}
.brand__crest{width:66px;height:62px;object-fit:contain}
.brand__name{font-family:Georgia,'Times New Roman',serif;font-size:28px;line-height:1;margin:0;font-weight:400;letter-spacing:4px;text-align:left;white-space:nowrap}
.brand__name span{display:block;font:600 10px/1 Arial,sans-serif;letter-spacing:4.6px;margin-top:11px}
.brand-statement{border-top:1px solid #d9c99b45;padding-top:14px;margin:16px 0 0;font-size:9px;letter-spacing:2.7px;text-transform:uppercase;color:#eee9dbcc}
.brand-statement span{font-weight:600;color:var(--gold)}
.mobile-paths{display:none}
.contact-trigger{position:absolute;z-index:6;right:var(--edge);top:32px;display:flex;align-items:center;gap:10px;min-height:42px;padding:0 17px;border:1px solid #e4d8b946;background:#25191d44;color:var(--ink);font-size:10px;text-transform:uppercase;letter-spacing:1.4px;transition:background .25s,border-color .25s}
.contact-trigger:hover{background:#d9c99b1f;border-color:#e4d8b9a6}
.gateway{display:grid;grid-template-columns:1fr 1fr;min-height:max(700px,100svh);position:relative;isolation:isolate;background:linear-gradient(90deg,#0c2118 50%,#371c25 50%)}
.panel{position:relative;min-width:0;overflow:hidden;display:flex;align-items:center;padding-top:165px;padding-bottom:140px;isolation:isolate}
.panel--wholesale{grid-column:1;grid-row:1;padding-left:var(--edge);padding-right:calc(var(--film-width)/2 + var(--film-gap))}
.panel--retail{grid-column:2;grid-row:1;padding-right:var(--edge);padding-left:calc(var(--film-width)/2 + var(--film-gap))}
.panel__scene,.panel__shade{position:absolute;inset:0;z-index:-1;pointer-events:none}
.panel__scene{overflow:hidden;animation:scene-enter 1.3s both}
.panel--retail .panel__scene{animation-name:scene-enter-right}
.panel__scene picture{display:block;width:100%;height:100%}
.panel__image{width:100%;height:100%;object-fit:cover;object-position:47% 45%;transform:scale(1.04) translate(var(--px,0px),var(--py,0px));transition:filter .8s,transform 1.2s cubic-bezier(.2,.65,.2,1);filter:saturate(.7) brightness(.84)}
.panel--wholesale .panel__image{object-position:0% 35%;filter:saturate(.96) brightness(.96)}
.panel--retail .panel__image{object-position:62% 30%;filter:saturate(.96) brightness(.96)}
.panel:hover .panel__image{transform:scale(1.07) translate(var(--px,0px),var(--py,0px));filter:saturate(.9) brightness(.93)}
.panel__shade{background:linear-gradient(180deg,#071a1350 0%,#08231942 25%,#081f17b3 57%,#081a15f2 100%),linear-gradient(90deg,#05251c45,#08231912 45%,#0b2018a6)}
.panel--retail .panel__shade{background:linear-gradient(180deg,#36151b26 0%,#3c1a2859 35%,#321c26bd 65%,#25171cf7),linear-gradient(90deg,#381b2861,#431d241a 70%)}
.panel__edition{position:absolute;top:44px;font-size:8px;letter-spacing:1.65px;display:flex;gap:16px;color:#e4e2d3c9}
.panel__edition>span{font-family:Georgia,serif;color:var(--gold);font-size:11px;letter-spacing:0}
.panel--retail .panel__edition{right:var(--edge);top:102px}
.panel__content{position:relative;width:100%;max-width:510px}
.eyebrow{display:flex;align-items:center;gap:12px;color:var(--gold);font-weight:600;font-size:8px;letter-spacing:1.6px;text-transform:uppercase;line-height:1.7;margin:0 0 22px}
.eyebrow>span{display:block;flex:0 0 24px;height:1px;background:#d5bd89a3}
.panel__title{font-family:Georgia,'Times New Roman',serif;text-transform:uppercase;font-size:clamp(39px,4.65vw,83px);font-weight:400;letter-spacing:-2.5px;line-height:.95;margin:0 0 23px}
.panel__subtitle{font:400 clamp(21px,1.85vw,30px)/1.3 Georgia,'Times New Roman',serif;letter-spacing:-.45px;margin:0 0 18px;max-width:390px;text-wrap:balance}
.panel__description{font-size:12px;line-height:1.9;color:#e3e1d3cf;margin:0 0 28px;max-width:345px}
.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:52px;padding:15px 22px;background:#e5d3aa;color:#14241c;font-size:9px;font-weight:500;letter-spacing:1.3px;text-transform:uppercase;border:1px solid transparent;transition:background .25s,box-shadow .25s}
.panel--retail .cta{background:#eee8d7;color:#302229}
.cta svg{flex-shrink:0;transition:transform .35s}
.panel:hover .cta{background:#f0e3c4;box-shadow:0 6px 28px #0002}
.panel:hover .cta svg{transform:translateX(4px)}
.panel__footer{position:absolute;bottom:78px;left:var(--edge);right:calc(var(--film-width)/2 + var(--film-gap));border-top:1px solid #eee6c925;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#dfdfd1b3}
.panel--retail .panel__footer{left:calc(var(--film-width)/2 + var(--film-gap));right:var(--edge)}
.panel__domain{font-size:8px;letter-spacing:1.1px}
.panel__footer svg{color:var(--gold)}
.factory-feature{position:absolute;z-index:3;left:50%;top:calc(50% + 32px);transform:translate(-50%,-50%);width:var(--film-width);aspect-ratio:9/16;margin:0;background:#14261f;overflow:hidden;border:1px solid #dfcea653;box-shadow:0 22px 70px #0005,0 0 0 6px #101c1712;animation:film-enter 1.25s cubic-bezier(.22,.7,.2,1) both .22s}
.factory-feature__poster,.factory-feature__video,.factory-feature__poster img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain}
.factory-feature__video{opacity:0;pointer-events:none;transition:opacity .7s}
.factory-feature.is-video-playing .factory-feature__video{opacity:1}
.gateway__divider{position:absolute;z-index:2;top:143px;bottom:53px;width:1px;left:50%;background:linear-gradient(transparent,#e3cfa555 12%,#e3cfa555 88%,transparent);pointer-events:none}
.site-footer{position:absolute;z-index:4;bottom:0;left:0;right:0;min-height:53px;padding:0 var(--edge);display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #eee6c915;color:#d7d8cc99;font-size:8px;letter-spacing:.25px}
.site-footer__tools{display:flex;align-items:center;gap:25px;min-height:52px}
.footer-contact,.motion-toggle{padding:5px 0;border:0;background:transparent;color:inherit;font-size:9px;min-height:32px}
.footer-contact{border-bottom:1px solid #d8cbab60}
.motion-toggle{display:flex;align-items:center;gap:6px}
.motion-toggle:hover,.footer-contact:hover{color:var(--ink)}
.reveal{animation:copy-enter .85s cubic-bezier(.2,.65,.2,1) both;animation-delay:.45s}
.panel__title.reveal{animation-delay:.54s}.panel__subtitle.reveal{animation-delay:.63s}.panel__description.reveal{animation-delay:.72s}.cta.reveal{animation-delay:.8s}
@keyframes copy-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes brand-enter{from{opacity:0;translate:0 -7px}to{opacity:1;translate:0 0}}
@keyframes scene-enter{from{opacity:0;translate:-15px 0}to{opacity:1;translate:0 0}}
@keyframes scene-enter-right{from{opacity:0;translate:15px 0}to{opacity:1;translate:0 0}}
@keyframes film-enter{from{opacity:0;clip-path:inset(0 48%);translate:0 9px}to{opacity:1;clip-path:inset(0);translate:0 0}}
.contact-dialog{width:min(550px,calc(100% - 32px));max-height:calc(100svh - 40px);padding:0;border:1px solid #d6c49b75;background:#14251f;color:var(--ink);box-shadow:0 24px 100px #0008;overflow-y:auto;overscroll-behavior:contain}
.contact-dialog::backdrop{background:#07110ee8;backdrop-filter:blur(5px)}
.contact-dialog[open]{animation:copy-enter .25s both}
.contact-dialog__inner{padding:42px 42px 28px;position:relative}
.contact-close{position:absolute;right:16px;top:14px;width:38px;height:38px;background:transparent;border:0;color:var(--ink);display:grid;place-items:center}
.contact-close:hover{background:#ffffff0a}
.contact-kicker{margin:0 0 14px;color:var(--gold);font-size:8px;letter-spacing:2.2px}
.contact-dialog h2{font:400 49px/1.05 Georgia,serif;margin:0 0 14px;letter-spacing:-1.4px}
#contact-intro{font-size:12px;line-height:1.8;color:#d6d9cd;margin:0 0 27px}
#contact-form label{display:block;font-size:10px;letter-spacing:.35px;color:#e7e4d5}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#contact-form input,#contact-form select,#contact-form textarea{display:block;width:100%;margin:8px 0 17px;min-height:43px;border:1px solid #d3c5a23d;border-radius:0;background:#0c1d17;color:var(--ink);font-size:12px;line-height:1.5;padding:11px 12px;outline-offset:2px}
#contact-form input::placeholder,#contact-form textarea::placeholder{color:#9dafa5}
#contact-form textarea{resize:vertical;min-height:100px;max-height:220px}
#contact-form select{color-scheme:dark}
.contact-mode{font-size:10px;line-height:1.6;color:#c0cabd;margin:0 0 18px}
.contact-submit{width:100%;min-height:49px}
.contact-submit:disabled{cursor:wait;opacity:.55}
.form-status{font-size:11px;line-height:1.6;margin:13px 0 0;color:var(--gold)}
.form-status:empty{display:none}
.contact-direct{font-size:10px;color:#b8c4b7;border-top:1px solid #d7c99b26;padding-top:19px;margin:23px 0 0;line-height:1.8}
.contact-direct a{color:var(--ink);border-bottom:1px solid #cfbf9255}
.form-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body.contact-open{overflow:hidden}
.no-script-contact{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);z-index:10;background:#14251f;padding:10px;font-size:12px}
@media(min-width:901px) and (max-width:1100px){:root{--edge:30px;--film-gap:23px}.eyebrow{font-size:7px;letter-spacing:1px;gap:7px}.eyebrow>span{flex-basis:16px}.panel__title{font-size:4.65vw;letter-spacing:-2px}.panel__subtitle{font-size:22px}.panel__description{font-size:11px}.cta{padding:14px 17px;font-size:8px;gap:15px}.panel__domain{font-size:7px;letter-spacing:.7px}}
@media(max-width:900px){
 :root{--edge:28px;--film-width:min(70vw,300px)}
 .gateway{display:flex;flex-direction:column;min-height:0;background:linear-gradient(90deg,#0c2118 50%,#371c25 50%)}
 .brand-header{top:20px;max-width:76vw}
 .brand{gap:9px}.brand__crest{width:49px;height:49px}.brand__name{font-size:22px;letter-spacing:3px}.brand__name span{font-size:7px;letter-spacing:3.6px;margin-top:9px}
 .brand-statement{font-size:6.5px;letter-spacing:1.7px;margin-top:12px;padding-top:11px}
 .mobile-paths{display:flex;justify-content:center;gap:28px;margin-top:15px;pointer-events:auto;font-size:9px;color:#e5d7b6;letter-spacing:.8px}
 .mobile-paths a{border-bottom:1px solid #d5c29860;padding-bottom:5px}
 .mobile-paths span{margin-left:7px}
 .contact-trigger{right:14px;top:24px;width:40px;min-height:40px;padding:0;justify-content:center}
 .contact-trigger span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .panel{padding:0 var(--edge);display:block;width:100%}
 .panel--wholesale{order:1;padding-top:193px;padding-bottom:70px;min-height:520px}
 .panel--retail{order:3;padding-top:230px;padding-bottom:78px;min-height:574px}
 .panel__content{max-width:540px;margin:auto}
 .panel__edition{display:none}
 .eyebrow{font-size:7px;letter-spacing:1.25px;margin-bottom:17px}
 .panel__title{font-size:clamp(40px,10.8vw,76px);letter-spacing:-2px;margin-bottom:18px}
 .panel__subtitle{font-size:23px;max-width:365px;margin-bottom:13px;text-wrap:pretty}
 .panel__description{font-size:11px;line-height:1.8;margin-bottom:23px;max-width:350px}
 .cta{min-height:48px;padding:13px 18px;font-size:8px;gap:34px}
 .panel__footer,.panel--retail .panel__footer{left:var(--edge);right:var(--edge);bottom:23px;padding-top:13px}
 .panel__domain{font-size:7px}
 .panel__image{object-position:center 40%}.panel--retail .panel__image{object-position:62% 30%}
 .panel__shade{background:linear-gradient(180deg,#0a21198c,#0b241aa3 40%,#0b2017eb)}
 .panel--retail .panel__shade{background:linear-gradient(180deg,#361c271a,#361c274d 24%,#361c27c9 53%,#291a22f2)}
 .factory-feature{position:relative;order:2;left:auto;top:auto;transform:none;flex-shrink:0;align-self:center;margin:28px 0;width:var(--film-width);box-shadow:0 18px 50px #0005}
 .gateway__divider{top:0;bottom:0;z-index:-1;background:#d4c09b22}
 .site-footer{position:relative;padding:4px 20px;background:linear-gradient(90deg,#0b2017 50%,#291a22 50%);font-size:7px;min-height:58px}
 .site-footer__tools{gap:16px;min-height:50px}
 .motion-toggle,.footer-contact{font-size:8px}
 .contact-dialog__inner{padding:34px 25px 25px}
 .contact-dialog h2{font-size:43px}
 .form-grid{grid-template-columns:1fr;gap:0}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.panel__image,.panel:hover .panel__image{transform:none}.factory-feature__video{display:none}}
@media(prefers-reduced-data:reduce){.factory-feature__video{display:none}}
@media(max-width:900px){#contact-form input,#contact-form select,#contact-form textarea{font-size:16px}.contact-close{width:44px;height:44px;top:8px;right:8px}}


#motion-toggle{min-width:90px}#motion-toggle[hidden]{display:flex;visibility:hidden}@media(max-width:900px){#motion-toggle{min-width:78px}}
.panel:focus-visible .cta{outline:2px solid var(--gold);outline-offset:5px}

@media(max-width:900px){.panel--wholesale{padding-top:360px;background:#0b2017}.panel--wholesale .panel__scene{top:145px}.panel--wholesale .panel__shade{background:linear-gradient(180deg,#0b201700 0%,#0b20171a 27%,#0b201766 43%,#0b2017cc 63%,#0b2017f2)}}

/* Align the retail column to its outer edge. */
.panel--retail .panel__content{margin:0 0 0 auto;text-align:right}
.panel--retail .eyebrow{justify-content:flex-end}
.panel--retail .panel__subtitle,.panel--retail .panel__description{margin-left:auto}
.panel--retail .panel__footer{flex-direction:row-reverse;justify-content:flex-start;text-align:right}

/* Brass framing sits outside the film, leaving the footage unobstructed. */
.factory-feature{
 --frame-corner:22px;
 --frame-offset:-11px;
 overflow:visible;
 border:1px solid #d8bd83;
 border-image:linear-gradient(145deg,#f4e5bb 0%,#ad8b50 40%,#77603a 65%,#e8d1a0 100%) 1;
 box-shadow:0 0 0 3px #101e18,0 0 0 4px #c4a66f99,0 18px 60px #0007;
 animation-fill-mode:backwards;
}
.factory-feature::before{
 content:"";
 position:absolute;
 inset:var(--frame-offset);
 z-index:-1;
 pointer-events:none;
 background:
  linear-gradient(#e7d1a1,#e7d1a1) left top/var(--frame-corner) 1px no-repeat,
  linear-gradient(#e7d1a1,#e7d1a1) left top/1px var(--frame-corner) no-repeat,
  linear-gradient(#e7d1a1,#e7d1a1) right top/var(--frame-corner) 1px no-repeat,
  linear-gradient(#e7d1a1,#e7d1a1) right top/1px var(--frame-corner) no-repeat,
  linear-gradient(#bfa16a,#bfa16a) left bottom/var(--frame-corner) 1px no-repeat,
  linear-gradient(#bfa16a,#bfa16a) left bottom/1px var(--frame-corner) no-repeat,
  linear-gradient(#bfa16a,#bfa16a) right bottom/var(--frame-corner) 1px no-repeat,
  linear-gradient(#bfa16a,#bfa16a) right bottom/1px var(--frame-corner) no-repeat;
}
@media(max-width:900px){
 .factory-feature{
  --frame-corner:17px;
  --frame-offset:-8px;
  box-shadow:0 0 0 2px #101e18,0 0 0 3px #c4a66f99,0 14px 42px #0006;
 }
}