@font-face{font-family:Barlow;src:url('/assets/barlow-condensed-700.ttf');font-weight:700;font-display:swap}
.redesign{--night:#09090b;--silver:#d5d6d8;background:var(--night);color:#eee}.nav-v2{height:100px;padding:0 4.5%;background:#09090b;color:#eee;border-bottom:1px solid #ffffff1c;position:relative;z-index:5}.draco-brand{display:flex;align-items:center;gap:20px}.draco-brand>img{width:84px;height:62px;object-fit:contain}.draco-brand>span{font-weight:700;font-size:18px;letter-spacing:.18em;line-height:1.2}.draco-brand>span>span{display:block;font-size:12px;letter-spacing:.15em;color:#888;margin-top:7px;font-weight:400}.nav-v2 nav{gap:38px;font-size:13px}.nav-v2 .nav-cta{border:1px solid #666;padding:12px 18px;display:flex;gap:26px;align-items:center;font-size:12px}.nav-cta>span{font-size:23px;line-height:1}.campaign-hero{position:relative;min-height:760px;height:calc(100svh - 100px);max-height:1100px;background:var(--night);overflow:hidden;isolation:isolate}.hero-grid-lines{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.95%,#ffffff06 50%,transparent 50.05%);z-index:-1}.campaign-copy{position:relative;z-index:2;padding:56px 0 90px 5%;width:67%;pointer-events:none}.campaign-copy a{pointer-events:auto}.kicker{font-size:12px;letter-spacing:.15em;font-weight:700;display:flex;align-items:center;gap:11px}.tiny-cross{font-size:21px;font-weight:400;color:#a7a7aa}.campaign-copy h1{font-family:Barlow,Impact,sans-serif;font-size:clamp(90px,9.8vw,160px);line-height:.88;letter-spacing:-.028em;margin:36px 0 30px;font-weight:700}.campaign-copy h1>span{display:block;color:#f1f1f2}.campaign-copy h1>.silver-type{color:#b5b7bb;background:linear-gradient(170deg,#fff 15%,#8c8e93 65%,#d5d6d9);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.campaign-intro{font-size:16px;line-height:1.8;color:#aaa;max-width:370px}.hero-ctas{display:flex;gap:25px;align-items:center;margin-top:28px}.action{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:#f0f0f2;color:#111;font-size:13px;font-weight:700;padding:18px 23px;min-height:58px;transition:background .25s,transform .25s;border:1px solid #f0f0f2}.action>span{font-size:24px;line-height:1}.action:hover{background:white;transform:translateY(-3px)}.quiet-link{font-size:12px;color:#b7b7bb;border-bottom:1px solid #555;padding-bottom:6px;display:inline-flex;gap:12px}.hero-credential{margin-top:33px;display:flex;align-items:center;gap:13px}.credential-line{width:28px;height:1px;background:#777}.hero-credential p{font-size:12px;color:#777;letter-spacing:.09em}.hero-credential strong{color:#bababe;font-weight:400}.campaign-art{position:absolute;right:0;top:0;bottom:0;width:59%;z-index:0}.campaign-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#09090b 0%,transparent 35%),linear-gradient(0deg,#09090b 0%,transparent 25%);pointer-events:none}.campaign-visual{width:100%;height:100%;object-fit:cover}.brand-art{right:-6%;mix-blend-mode:screen}.brand-art .campaign-visual{object-fit:contain;transform:rotate(-13deg) scale(1.35)}.product-annotation{position:absolute;right:8%;bottom:15%;z-index:3;text-align:right}.product-annotation>span{font-size:12px;letter-spacing:.14em;color:#999}.product-annotation>p{font-size:12px;line-height:1.7;letter-spacing:.07em;margin-top:10px}.hero-bottom{position:absolute;left:5%;right:5%;bottom:25px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff26;padding-top:18px;z-index:3;color:#777;font-size:12px;letter-spacing:.12em}.hero-bottom a{display:flex;gap:40px;color:#aaa}.culture-strip{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#101012;padding:28px 5%;border-top:1px solid #ffffff15;border-bottom:1px solid #ffffff15}.culture-strip>span:not(:first-child){font-family:Barlow,sans-serif;font-size:25px;font-weight:700;letter-spacing:.02em}.culture-strip>span:first-child,.culture-strip>a{font-size:12px;letter-spacing:.1em;color:#8d8d93;max-width:160px}.footer-v2{display:flex;padding:35px 5%;align-items:center;background:#09090b;border-top:1px solid #ffffff22;justify-content:space-between}.footer-v2>img{width:90px;height:60px;object-fit:contain}.footer-v2 p,.footer-v2>span{font-size:12px;color:#777}
@media(min-width:1700px){.campaign-copy{padding-top:90px}.campaign-copy h1{margin-top:50px}.campaign-intro{font-size:18px}.hero-ctas{margin-top:36px}}@media(max-width:1100px){.campaign-copy{width:76%;padding-top:65px}.campaign-copy h1{font-size:11vw}.campaign-art{width:67%;right:-10%}.nav-v2 nav>a:not(.nav-cta){display:none}.nav-v2 .nav-cta{display:flex}.hero-ctas{gap:18px}.quiet-link{font-size:12px}.campaign-hero{height:auto;min-height:790px}}
@media(max-width:700px){.nav-v2{height:85px;padding:0 6%}.draco-brand{gap:12px}.draco-brand>img{width:58px;height:47px}.draco-brand>span{font-size:14px}.draco-brand>span>span{font-size:12px;margin-top:5px}.nav-v2 .nav-cta{font-size:12px;gap:12px;padding:9px 10px}.nav-cta>span{font-size:19px}.campaign-hero{height:auto;min-height:900px;padding-bottom:85px}.campaign-copy{padding:38px 6% 0;width:100%}.kicker{font-size:12px;letter-spacing:.12em}.campaign-copy h1{font-size:20vw;line-height:.89;margin:28px 0 22px}.campaign-intro{font-size:14px;line-height:1.8;max-width:290px}.hero-ctas{flex-wrap:wrap;gap:20px}.action{font-size:12px;padding:14px 17px;min-height:53px}.hero-credential{margin-top:20px}.hero-credential p{font-size:12px}.campaign-art{width:100%;height:370px;bottom:40px;top:auto;right:-10%}.brand-art .campaign-visual{transform:rotate(-13deg) scale(1.5)}.campaign-art:after{background:linear-gradient(0deg,#09090b,transparent 25%),linear-gradient(180deg,#09090b,transparent 30%)}.product-annotation{right:17%;bottom:10%}.product-annotation>span{font-size:12px}.product-annotation>p{font-size:12px}.hero-bottom{left:6%;right:6%;bottom:23px;font-size:12px;gap:20px}.hero-bottom>a{font-size:0;gap:0}.hero-bottom>a span{font-size:16px}.culture-strip{flex-wrap:wrap;padding:22px 6%;gap:15px 22px}.culture-strip>span:first-child{flex-basis:100%;max-width:none;font-size:12px}.culture-strip>span:not(:first-child){font-size:21px}.culture-strip>a{flex-basis:100%;max-width:none;font-size:12px}.footer-v2{padding:25px 6%}.footer-v2>span{font-size:12px}}
/* Collection, editorial and conversion surfaces. */
.product-art{width:57%;right:0;overflow:hidden;background:#09090b;transform:translate3d(var(--hero-x,0px),var(--hero-y,0px),0);transition:transform .8s cubic-bezier(.2,.65,.3,1);will-change:transform}
.product-art .campaign-visual{object-fit:cover;object-position:50% 48%;opacity:.94;mask-image:linear-gradient(90deg,transparent 0%,#000 22%),linear-gradient(0deg,transparent 0%,#000 18%,#000 90%,transparent);mask-composite:intersect}
.product-art:after{background:linear-gradient(90deg,#09090b 0%,#09090b88 15%,transparent 45%),linear-gradient(0deg,#09090b 0%,transparent 18%)}
.product-art .product-annotation{right:8%;bottom:11%;text-align:right;background:#09090b80;padding:15px 18px;border-right:1px solid #b9bcc2}
.visual-note{display:block;font-size:12px!important;color:#777!important;letter-spacing:.04em!important;margin-top:12px}
.block{padding:90px 5%}.section-bar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff2a;padding-top:20px;gap:25px;margin-bottom:65px;font-size:12px;letter-spacing:.1em;color:#88888f}.section-bar>span:first-child{color:#c4c4c8}h2{font-family:Barlow,Impact,sans-serif;font-size:clamp(58px,6.5vw,102px);line-height:.94;letter-spacing:-.025em}h2 em{font-style:normal;color:#929398}.muted{color:#86868e;font-size:12px}.section-intro{font-size:16px;color:#93939a;line-height:1.85;max-width:400px}
.atelier{padding-bottom:100px;background:#101013}.atelier-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%}.atelier-copy{padding-top:8px}.atelier-copy h2{margin:25px 0;font-size:clamp(58px,5.6vw,90px)}.process-steps{margin-top:35px}.process-steps details{border-top:1px solid #ffffff24;padding:20px 0}.process-steps details:last-child{border-bottom:1px solid #ffffff24}.process-steps summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:15px}.process-steps summary::-webkit-details-marker{display:none}.process-steps summary>span{font-size:12px;color:#686870;min-width:22px}.process-steps h3{font-size:15px;letter-spacing:-.03em;font-weight:400}.process-steps summary>i{font-style:normal;margin-left:auto;font-size:20px;color:#919198;line-height:1}.process-steps details[open] summary>i{transform:rotate(45deg)}.process-steps details[open] summary{color:#fff}.process-steps details[open] summary>span{color:#bbb}.process-steps details>p{font-size:14px;line-height:1.8;color:#888891;padding:14px 20px 2px 37px;max-width:400px}.inline-action{font-size:12px;display:inline-flex;align-items:center;gap:60px;border-bottom:1px solid #777;padding:13px 0 9px;margin-top:22px;letter-spacing:.05em}.inline-action>span{font-size:25px;line-height:1}.collection-viewer{background:#dcdde0;color:#17171a;align-self:start;position:relative;box-shadow:0 35px 60px #0004;transform:rotate(1.5deg);margin-top:15px}.viewer-top{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.08em;border-bottom:1px solid #99999c;padding:18px 23px;margin:0 15px}.lookbook{aspect-ratio:1;overflow:hidden;margin:14px 24px 0}.lookbook img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transition:opacity .15s ease,transform .7s ease}.collection-viewer:hover .lookbook img{transform:scale(1.025)}.viewer-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 26px;border-top:1px solid #aaa;padding-top:20px}.mini-label{font-size:12px;letter-spacing:.12em;color:#69696e}.viewer-bottom h3{font-family:Barlow,sans-serif;font-size:28px;line-height:1.1;margin-top:7px;letter-spacing:-.01em}.swatches{display:flex;gap:9px}.swatch{width:25px;height:25px;border-radius:50%;border:4px solid #dcdde0;outline:1px solid transparent;transition:outline-color .2s;padding:0}.swatch[aria-pressed=true]{outline-color:#242426}.swatch.crimson{background:#8a2530}.swatch.black{background:#17171a}.swatch:hover{outline-color:#777}.viewer-note{font-size:12px;color:#6e6e75;padding:14px 26px 21px;line-height:1.6}
.campaign-wide{position:relative;height:min(760px,65vw);min-height:590px;overflow:hidden;background:#111}.campaign-wide>img{width:100%;height:100%;object-fit:cover;object-position:center 42%;transition:transform 1.5s ease;transform:scale(1.025)}.campaign-wide:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#09090bf2 0%,#09090b55 32%,transparent 65%),linear-gradient(90deg,#09090b66,transparent 50%);pointer-events:none}.wide-top{position:absolute;top:35px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.12em;z-index:2}.wide-title{position:absolute;left:5%;right:5%;bottom:80px;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.wide-title h2{font-size:clamp(76px,8.2vw,126px);line-height:.9}.wide-title h2 em{color:#d3d3d7}.wide-title>p{font-size:14px;color:#c1c1c5;line-height:1.85;margin-bottom:5px}.wide-caption{position:absolute;z-index:2;bottom:28px;left:5%;font-size:12px;letter-spacing:.1em;color:#898990}.benefits-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;padding-top:65px;padding-bottom:90px}.benefit-index{display:flex;gap:20px;font-size:12px;letter-spacing:.1em;color:#8c8c95}.benefit-index>span:first-child{color:#55555f}.benefits-v2 h3{font-family:Barlow,sans-serif;font-size:42px;line-height:1;letter-spacing:-.02em;margin:27px 0 20px}.benefits-v2 article>p{font-size:14px;line-height:1.85;color:#898991;max-width:330px}.benefit-rule{display:block;width:100%;height:1px;background:#ffffff25;margin-top:32px;position:relative}.benefit-rule:before{content:'';width:30px;height:1px;position:absolute;left:0;top:0;background:#c7c7cb}
.difference{background:#131316;padding-top:70px}.difference-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:60px}.difference-heading h2{font-size:clamp(58px,5.8vw,92px)}.difference-heading>p{font-size:14px;line-height:1.85;color:#8f8f97;max-width:330px;padding-bottom:5px}.comparison-v2{border:1px solid #ffffff20}.comparison-head,.comparison-row{display:grid;grid-template-columns:1fr 1.3fr}.comparison-head>span,.comparison-head>div{padding:25px 35px;display:flex;align-items:center;font-size:12px;letter-spacing:.06em;gap:20px}.comparison-head>span{color:#6a6a74}.comparison-head>div{background:#1b1b20;position:relative}.comparison-head img{width:58px;height:39px;object-fit:contain}.comparison-row>span,.comparison-row>strong{padding:25px 35px;border-top:1px solid #ffffff18;font-size:15px;font-weight:400;display:flex;align-items:center}.comparison-row>span{color:#696972}.comparison-row>strong{background:#1b1b20;color:#d4d4d9}.comparison-head>div:before,.comparison-row>strong:before{content:'';position:absolute;left:0}.comparison-row:last-child>span,.comparison-row:last-child>strong{padding-bottom:30px}
.concept-v2{background:#0b0b0d;padding-top:90px}.concept-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:10%;align-items:center;padding:0 4% 15px 0}.concept-copy h2{font-size:clamp(70px,7.5vw,116px);line-height:.94}.concept-copy>p{font-size:16px;line-height:1.9;color:#96969f;margin-top:28px}.concept-copy ul{list-style:none;margin:30px 0 0;padding:0}.concept-copy li{font-size:13px;color:#777780;padding:10px 0;display:flex;align-items:center;gap:13px}.concept-copy li:before{content:'+';font-size:18px;color:#a5a5ad;line-height:1}.concept-ticket{position:relative;background:#d7d8dc;color:#151518;transform:rotate(-2deg);padding:24px 30px;box-shadow:15px 20px 0 #1c1c23;transition:transform .5s}.concept-ticket:hover{transform:rotate(0deg)}.ticket-top{display:flex;justify-content:space-between;gap:15px;font-size:12px;letter-spacing:.1em;border-bottom:1px solid #aaaab1;padding-bottom:18px}.concept-ticket>img{width:94px;height:64px;object-fit:contain;filter:invert(1);margin:25px 0 20px}.concept-ticket h3{font-family:Barlow,sans-serif;font-size:49px;line-height:.98;letter-spacing:-.025em}.concept-ticket>p:not(.email-note){font-size:13px;color:#60606a;line-height:1.8;margin:20px 0 24px}.action.dark-action{background:#111114;color:#eee;border-color:#111114;width:100%;font-size:12px;padding:17px 19px}.dark-action:hover{background:#2a2a30}.email-note{color:#686871;font-size:12px;line-height:1.8;margin-top:14px}.email-note a{text-decoration:underline;text-underline-offset:3px}.ticket-bottom{border-top:1px dashed #a2a2ab;padding-top:19px;margin-top:25px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;letter-spacing:.05em}.ticket-bottom>span:last-child{font-family:Barlow,sans-serif;letter-spacing:1px;font-size:19px;line-height:1}
.pedigree{background:#101013}.pedigree-intro{display:flex;align-items:flex-end;gap:60px;justify-content:space-between}.pedigree-intro>p{font-size:15px;line-height:1.9;color:#8d8d96;max-width:340px}.pedigree-intro h2{font-size:clamp(60px,6.4vw,100px)}.sales-proof{display:flex;align-items:center;gap:45px;position:relative;isolation:isolate;margin-top:55px;border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20;padding:45px 0;min-height:220px;overflow:hidden}.sales-number{font-family:Barlow,sans-serif;font-size:150px;line-height:.9;letter-spacing:-.05em;white-space:nowrap}.sales-number>span{font-size:82px;vertical-align:top;margin-left:3px;color:#6a6a72}.sales-context{max-width:310px;position:relative;z-index:1}.sales-context h3{font-size:12px;letter-spacing:.07em;margin-bottom:14px;font-weight:400;color:#c2c2c8}.sales-context>p{font-size:13px;line-height:1.8;color:#7d7d86}.sales-context>a{font-size:12px;letter-spacing:.06em;color:#8e8e97;text-decoration:underline;text-underline-offset:4px;display:inline-block;margin-top:15px}.chrome-seal{position:absolute;right:-50px;top:-150px;bottom:-150px;width:440px;z-index:-1;mix-blend-mode:screen;opacity:.8}.chrome-seal>img{width:100%;height:100%;object-fit:contain;transform:rotate(-14deg)}.portrait-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:60px 0 30px}.portrait-heading>p{font-size:12px;letter-spacing:.08em;color:#6c6c75;line-height:1.9}.portrait-heading strong{color:#c2c2c9;font-weight:400}.portrait-heading>span{font-size:12px;letter-spacing:.06em;color:#73737c}.portrait-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}.portrait-grid article:nth-child(2){margin-top:50px}.portrait-grid article:nth-child(3){margin-top:100px}.portrait{position:relative;height:480px;overflow:hidden;background:#222}.portrait>img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:filter .6s,transform .8s}.portrait:hover>img{filter:grayscale(0);transform:scale(1.04)}.portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000c,transparent 65%);pointer-events:none}.portrait-tag{position:absolute;left:18px;top:18px;font-size:12px;letter-spacing:.08em;background:#161619c9;border:1px solid #ffffff30;padding:7px 10px;z-index:2}.portrait-name{position:absolute;left:26px;bottom:25px;z-index:2}.portrait-name>span{font-size:12px;letter-spacing:.12em;color:#b0b0b8}.portrait-name h3{font-family:Barlow,sans-serif;font-size:64px;line-height:.88;letter-spacing:-.02em;margin-top:14px}.proof-note{font-size:12px;line-height:1.8;color:#666670;margin-top:28px;max-width:870px}.proof-note a{color:#a0a0a9;text-decoration:underline;text-underline-offset:3px}
.final-statement{position:relative;min-height:850px;background:#050506;isolation:isolate;overflow:hidden;padding:100px 5%}.final-logo{position:absolute;right:-11%;top:-12%;bottom:-9%;width:78%;z-index:-1;mix-blend-mode:screen;opacity:.6}.final-logo>img{width:100%;height:100%;object-fit:contain;transform:rotate(-18deg)}.final-logo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#050506,transparent 60%)}.final-content{position:relative}.final-content>.kicker{color:#777782;font-size:12px}.final-content h2{font-size:clamp(92px,10vw,160px);line-height:.88;letter-spacing:-.025em;margin:38px 0}.final-content h2 em{color:#b5b6bd}.final-content .action{font-size:12px}.final-bottom{position:absolute;left:5%;right:5%;bottom:30px;border-top:1px solid #ffffff20;padding-top:20px;display:flex;justify-content:space-between;gap:25px;font-size:12px;letter-spacing:.1em;color:#70707b}.final-bottom a{color:#aaaab2}.footer-v2>.draco-brand>img{width:70px;height:50px}.footer-v2 .draco-brand>span{font-size:15px}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}.collection-viewer.reveal{transform:translateY(30px) rotate(1.5deg)}.collection-viewer.visible{transform:translateY(0) rotate(1.5deg)}.concept-ticket.reveal{transform:translateY(30px) rotate(-2deg)}.concept-ticket.visible{transform:translateY(0) rotate(-2deg)}.concept-ticket.visible:hover{transform:rotate(0deg)}
@media(max-width:1100px){.product-art{width:62%;right:-8%}.campaign-copy h1{font-size:11vw}.block{padding:70px 5%}.section-bar{margin-bottom:50px}.atelier-grid{gap:5%;grid-template-columns:1fr 1fr}.atelier-copy h2{font-size:58px}.process-steps h3{font-size:14px}.process-steps details>p{font-size:13px}.section-intro{font-size:15px}.collection-viewer{align-self:center}.viewer-top{font-size:12px;padding:16px 12px}.viewer-bottom{margin:0 20px}.viewer-bottom h3{font-size:23px}.viewer-note{padding:14px 20px 20px;font-size:12px}.lookbook{margin:10px 15px 0}.benefits-v2{gap:32px}.benefits-v2 h3{font-size:35px}.wide-title{align-items:flex-start;flex-direction:column;gap:22px;bottom:65px}.wide-title h2{font-size:85px}.difference-heading{align-items:flex-start;flex-direction:column;gap:25px;margin-bottom:40px}.difference-heading>p{max-width:none}.concept-layout{gap:7%;padding-right:1%}.concept-copy h2{font-size:78px}.concept-ticket{padding:22px}.concept-ticket h3{font-size:42px}.ticket-top{font-size:12px}.pedigree-intro{align-items:flex-start;gap:30px}.pedigree-intro h2{font-size:65px}.pedigree-intro>p{max-width:290px;font-size:14px}.sales-number{font-size:130px}.sales-proof{gap:30px}.sales-context{max-width:270px}.chrome-seal{opacity:.25;right:-130px}.portrait-grid{gap:17px}.portrait{height:400px}.portrait-name{left:18px}.portrait-name h3{font-size:54px}.portrait-tag{font-size:12px;left:13px;top:13px}.final-statement{min-height:760px;padding-top:90px}.final-content h2{font-size:11vw}}
@media(max-width:700px){.product-art{width:100%;height:480px;right:-15%;bottom:15px;top:auto}.product-art .campaign-visual{object-fit:contain;object-position:center;mask-image:linear-gradient(0deg,transparent 0%,#000 18%,#000 85%,transparent 100%);mask-composite:add}.product-art:after{background:linear-gradient(0deg,#09090b,transparent 25%),linear-gradient(90deg,#09090b99,transparent 50%)}.product-art .product-annotation{right:17%;bottom:12%;padding:10px 13px}.campaign-copy{z-index:2}.campaign-hero{min-height:970px}.campaign-intro{max-width:300px}.hero-ctas{max-width:300px;gap:14px}.hero-credential{margin-top:17px}.campaign-copy h1{font-size:20.3vw}.product-annotation>p{font-size:12px}.visual-note{font-size:12px!important}.block{padding:55px 6%}.section-bar{margin-bottom:36px;padding-top:15px;font-size:12px;align-items:flex-start}.section-bar>span:last-child{max-width:155px;text-align:right;font-size:12px}.atelier-grid{grid-template-columns:1fr;gap:43px}.atelier-copy{padding-top:0}.atelier-copy h2{font-size:64px;margin:20px 0}.atelier-copy .muted{font-size:12px}.section-intro{font-size:15px;max-width:none}.process-steps{margin-top:28px}.process-steps h3{font-size:14px}.process-steps details>p{font-size:14px}.process-steps details{padding:18px 0}.collection-viewer{margin:0 3px}.viewer-top{font-size:12px;padding:16px 8px}.viewer-bottom h3{font-size:26px}.viewer-note{font-size:12px}.lookbook{margin:10px 12px 0}.viewer-bottom{margin:0 20px}.campaign-wide{height:690px;min-height:0}.campaign-wide>img{object-position:46% center}.wide-top{left:6%;right:6%;top:25px;font-size:12px}.wide-top>span:last-child{max-width:130px;text-align:right;font-size:12px}.wide-title{left:6%;right:6%;bottom:60px;gap:25px}.wide-title h2{font-size:71px}.wide-title>p{font-size:13px}.wide-caption{left:6%;font-size:12px;bottom:23px;right:6%}.benefits-v2{grid-template-columns:1fr;gap:40px;padding-top:45px}.benefits-v2 article{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.benefit-index{grid-column:1/-1;margin-bottom:18px;font-size:12px;gap:14px}.benefits-v2 h3{font-size:29px;margin:0;line-height:1.03}.benefits-v2 article>p{font-size:12px;line-height:1.85}.benefit-rule{grid-column:1/-1;margin-top:26px}.difference-heading h2{font-size:57px}.difference-heading>p{font-size:13px;line-height:1.9}.comparison-head,.comparison-row{grid-template-columns:1fr 1.12fr}.comparison-head>span,.comparison-head>div{font-size:12px;padding:17px 14px;letter-spacing:.04em}.comparison-head>div{display:block}.comparison-head img{width:38px;height:25px;margin-bottom:8px}.comparison-head>div>span{display:block}.comparison-row>span,.comparison-row>strong{font-size:12px;padding:20px 14px;line-height:1.75}.concept-layout{grid-template-columns:1fr;gap:48px;padding:0 0 12px}.concept-copy h2{font-size:81px}.concept-copy>p{font-size:14px;margin-top:23px}.concept-copy li{font-size:12px;padding:7px 0}.concept-copy ul{margin-top:20px}.concept-ticket{margin:0 8px 0 2px;padding:24px}.ticket-top{font-size:12px}.concept-ticket>img{width:85px;height:57px}.concept-ticket h3{font-size:48px}.concept-ticket>p:not(.email-note){font-size:13px}.email-note{font-size:12px}.ticket-bottom{font-size:12px}.action.dark-action{font-size:12px;gap:15px}.pedigree-intro{flex-direction:column;gap:23px}.pedigree-intro h2{font-size:62px}.pedigree-intro>p{max-width:none;font-size:14px}.sales-proof{margin-top:35px;align-items:flex-start;flex-direction:column;gap:30px;padding:30px 0}.sales-number{font-size:137px}.sales-number>span{font-size:75px}.sales-context{max-width:265px}.sales-context h3{font-size:12px}.sales-context>p{font-size:12px}.sales-context>a{font-size:12px}.chrome-seal{width:380px;right:-130px;bottom:-230px;top:0;opacity:.25}.portrait-heading{margin:38px 0 24px;gap:25px}.portrait-heading>p{font-size:12px}.portrait-heading>span{font-size:12px;max-width:120px;text-align:right}.portrait-grid{grid-template-columns:1fr;gap:25px}.portrait-grid article:nth-child(2){margin:0 0 0 30px}.portrait-grid article:nth-child(3){margin:0 30px 0 0}.portrait-grid article:first-child{margin-right:30px}.portrait{height:430px}.portrait-name{left:24px;bottom:24px}.portrait-name h3{font-size:65px}.portrait-tag{font-size:12px;top:16px;left:16px}.proof-note{font-size:12px;line-height:1.8}.final-statement{min-height:740px;padding:65px 6% 85px}.final-content h2{font-size:18.9vw;line-height:.9;margin:30px 0}.final-content>.kicker{font-size:12px}.final-logo{right:-46%;width:130%;top:22%;bottom:-15%;opacity:.7}.final-content .action{font-size:12px;padding:15px 18px;gap:20px}.final-bottom{left:6%;right:6%;font-size:12px;gap:25px;line-height:1.7}.final-bottom>span{max-width:180px}.final-bottom a{white-space:nowrap}.footer-v2 .draco-brand>img{width:50px;height:36px}.footer-v2 .draco-brand>span{font-size:12px}.footer-v2 .draco-brand>span>span{font-size:12px}.footer-v2 p{display:none}.footer-v2>span{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}.product-art{transform:none!important}}

/* Keep the outcome-led copy clear at each reading width. */
@media(min-width:1101px){.campaign-hero{min-height:900px}.campaign-intro{max-width:440px}}
@media(max-width:700px){.campaign-copy h1>.silver-type{font-size:16.7vw;line-height:1.08}.wide-title h2{font-size:16vw}.concept-copy h2{font-size:18vw}}
@media(max-width:360px){.nav-v2 .draco-brand>span{display:none}.nav-v2 .nav-cta{white-space:nowrap}}

/* Reading sizes and compact navigation. */
.section-intro,.process-steps details>p,.benefits-v2 article>p,.concept-copy>p,.pedigree-intro>p,.sales-context>p,.comparison-row>span,.comparison-row>strong,.concept-ticket>p:not(.email-note){font-size:16px}
.action,.nav-v2 nav,.quiet-link,.inline-action,.process-steps h3,.concept-copy li{font-size:14px}
.section-bar,.kicker,.viewer-top,.ticket-top,.culture-strip>a,.culture-strip>span:first-child{font-size:12px;letter-spacing:.05em}
.draco-brand>span>span{font-size:9px}.ticket-top{line-height:1.8}.ticket-bottom{font-size:10px}.hero-credential p{font-size:11px}.visual-note{font-size:10px!important}.hero-bottom,.final-bottom{font-size:10px}.portrait-tag{font-size:11px}
@media(max-width:1100px){.viewer-top{font-size:10px}.concept-ticket>p:not(.email-note){font-size:14px}.concept-ticket .action{font-size:13px}.section-bar>span:last-child{font-size:10px}.sales-context{max-width:290px}}
@media(max-width:700px){.draco-brand>span>span{display:none}.nav-v2 .nav-cta{font-size:11px}.nav-v2{gap:12px}.nav-v2 nav{min-width:0}.draco-brand{flex-shrink:0}.nav-v2 .draco-brand>span{font-size:12px}.kicker{font-size:10px}.hero-credential p{font-size:10px}.campaign-intro{font-size:16px}.campaign-hero{min-height:1040px}.product-art{bottom:22px;height:455px}.hero-ctas{max-width:none}.quiet-link{font-size:12px}.section-bar{font-size:11px}.section-bar>span:last-child{font-size:10px;max-width:145px}.section-intro,.process-steps details>p,.pedigree-intro>p{font-size:16px}.benefits-v2 article{display:block}.benefits-v2 h3{font-size:37px;margin:20px 0 18px}.benefits-v2 article>p{font-size:16px;max-width:none}.benefit-index{font-size:12px}.comparison-row>span,.comparison-row>strong{font-size:14px}.comparison-head>span,.comparison-head>div{font-size:10px}.concept-copy li{font-size:14px}.concept-ticket>p:not(.email-note){font-size:15px}.sales-context>p{font-size:15px}.sales-context>a{font-size:11px}.proof-note{font-size:12px}.culture-strip>a,.culture-strip>span:first-child{font-size:10px}.portrait-heading>p,.portrait-heading>span{font-size:11px}.wide-caption{font-size:9px}.wide-top{font-size:10px}.wide-title>p{font-size:15px}.final-content .action{font-size:12px}.final-bottom{font-size:9px}.viewer-note{font-size:11px}.viewer-top{font-size:10px}.mini-label{font-size:10px}.portrait-tag{font-size:10px}.footer-v2>span{font-size:10px}.visual-note{font-size:8px!important}.product-art .product-annotation{max-width:175px}.product-annotation>span{font-size:9px}.product-annotation>p{font-size:11px}.ticket-top{font-size:10px}.ticket-bottom{font-size:9px;flex-wrap:wrap}}

/* Balance the ambition headline with its supporting paragraph. */
.wide-title h2{font-size:clamp(64px,6.2vw,100px);flex-shrink:0}.wide-title>p{max-width:360px;font-size:16px}
@media(max-width:1100px){.wide-title>p{max-width:540px}}
@media(max-width:700px){.wide-title h2{font-size:14vw}.wide-title>p{max-width:none}}

/* Keep the three benefit dividers level as copy wraps. */
@media(min-width:701px){.benefits-v2 article{display:flex;flex-direction:column}.benefits-v2 article>p{margin-bottom:32px}.benefits-v2 .benefit-rule{margin-top:auto}}

/* Fit the header and hero to the viewport; proof follows below the fold. */
.nav-v2{height:76px}.nav-v2 .draco-brand>img{width:67px;height:50px}.nav-v2 .draco-brand{gap:15px}.nav-v2 .draco-brand>span{font-size:16px}.nav-v2 .nav-cta{padding:9px 15px}
.campaign-hero{height:calc(100svh - 76px);min-height:0;max-height:none}
.campaign-copy{height:100%;width:65%;padding:24px 0 62px 5%;display:flex;flex-direction:column;justify-content:center}
.campaign-copy h1{font-size:clamp(62px,min(8.4vw,11.6svh),134px);margin:20px 0;line-height:.9}
.campaign-intro{max-width:470px;line-height:1.65}.hero-ctas{margin-top:20px}.hero-ctas .action{min-height:52px;padding:13px 20px}.hero-credential{margin-top:20px}.hero-bottom{bottom:17px;padding-top:12px}
.culture-strip{min-height:80px;padding:17px 5%;border-bottom:1px solid #ffffff26}
.atelier{padding-top:38px}.atelier>.section-bar{border-top:0;padding-top:0;margin-bottom:46px}
@media(min-width:701px) and (max-height:740px){.campaign-copy{padding-top:15px;padding-bottom:42px}.campaign-copy h1{font-size:min(8vw,10.5svh);margin:13px 0}.campaign-intro{line-height:1.5;max-width:490px}.hero-ctas{margin-top:14px}.hero-credential{margin-top:12px}.hero-bottom{bottom:12px;padding-top:8px}}
@media(max-width:1100px) and (min-width:701px){.campaign-copy{width:76%}.campaign-copy h1{font-size:min(10vw,11.6svh)}.campaign-intro{max-width:390px}.culture-strip{gap:18px}.culture-strip>span:not(:first-child){font-size:22px}.culture-strip>span:first-child,.culture-strip>a{font-size:10px;max-width:135px}}
@media(max-width:700px){
 .nav-v2{height:68px}.nav-v2 .draco-brand>img{width:50px;height:40px}.nav-v2 .draco-brand{gap:10px}.nav-v2 .draco-brand>span{font-size:12px}.nav-v2 .nav-cta{padding:8px 10px}
 .campaign-hero{height:calc(100svh - 68px);min-height:0;padding-bottom:0}
 .campaign-copy{height:auto;width:100%;padding:22px 6% 0;justify-content:flex-start}
 .campaign-copy h1{font-size:clamp(40px,min(15.8vw,8svh),68px);line-height:.92;margin:17px 0}.campaign-copy h1>.silver-type{font-size:inherit;line-height:inherit}
 .campaign-intro{max-width:360px;font-size:16px;line-height:1.55}.hero-ctas{margin-top:17px}.hero-ctas .action{padding:12px 16px;min-height:50px}.hero-credential{margin-top:15px}
 .product-art{width:95%;height:42%;right:-18%;bottom:25px;opacity:.75}.product-art .product-annotation{display:none}.product-art:after{background:linear-gradient(180deg,#09090b 0%,#09090b70 25%,transparent 65%),linear-gradient(90deg,#09090b66,transparent 70%)}
 .hero-bottom{bottom:14px;left:6%;right:6%;padding-top:10px;font-size:9px}
 .culture-strip{padding:20px 6%;gap:13px 20px}.atelier{padding-top:28px}.atelier>.section-bar{margin-bottom:30px}
}
@media(max-width:700px) and (max-height:740px){.campaign-copy{padding-top:17px}.campaign-copy h1{margin:13px 0}.campaign-intro{line-height:1.5}.hero-ctas{margin-top:14px}.hero-credential{display:none}.hero-bottom{display:none}.product-art{opacity:.35;bottom:0;height:55%}}
@media(max-width:700px) and (max-height:520px){.campaign-hero{height:auto;min-height:510px}}

.product-art .campaign-visual{object-fit:contain;object-position:center}
@media(max-width:700px){.product-art .campaign-visual{mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent),linear-gradient(0deg,transparent,#000 14%,#000 82%,transparent);mask-composite:intersect}}
.product-art .campaign-visual{width:auto;height:100%;margin-inline:auto;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 88%,transparent),linear-gradient(0deg,transparent,#000 14%,#000 85%,transparent);mask-composite:intersect}

/* Show the merchandise range beside the original tracksuit example. */
.product-range{display:flex;flex-wrap:wrap;gap:9px;list-style:none;padding:0;margin:24px 0 0;max-width:490px}.product-range li{padding:7px 12px;border:1px solid #ffffff29;color:#c4c4cc;font-size:13px;line-height:1.5}.process-steps summary h3{flex:1;min-width:0;line-height:1.5}

/* A focused brand argument, followed by a concise invitation. */
.difference-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:8%;align-items:center;margin-bottom:0}.difference-heading h2{font-size:clamp(48px,5.3vw,84px)}.difference-copy{max-width:440px}.difference-copy p{font-size:17px;line-height:1.85;color:#aaaab2}.difference-copy p+p{margin-top:25px}.concept-copy h2{font-size:clamp(56px,6vw,92px)}
@media(max-width:1100px){.difference-heading{grid-template-columns:1.15fr 1fr;gap:6%}.difference-heading h2{font-size:5.5vw}.difference-copy p{font-size:16px}.concept-copy h2{font-size:6.5vw}}
@media(max-width:700px){.difference-heading{grid-template-columns:1fr;gap:28px}.difference-heading h2{font-size:12vw}.difference-copy p{font-size:16px}.concept-copy h2{font-size:16.5vw}.pedigree-intro h2{font-size:14vw}}

/* Keep the merchandise range beneath the collection image. */
.collection-column{min-width:0;align-self:start}.collection-column .product-range{max-width:none;margin-top:28px}

/* Consistent white buttons for every free design invitation. */
.nav-v2 .nav-cta,.action,.action.dark-action,.inline-action{background:#fff;color:#111114;border:1px solid #fff;text-decoration:none;transition:background .2s,color .2s,transform .2s}
.inline-action{padding:15px 20px;gap:28px;min-height:52px;font-weight:700;letter-spacing:0;max-width:100%;justify-content:space-between}
.nav-v2 .nav-cta:hover,.action:hover,.action.dark-action:hover,.inline-action:hover{background:#e4e4e9;color:#111114;border-color:#e4e4e9}
.nav-v2 .nav-cta:focus-visible,.action:focus-visible,.inline-action:focus-visible{outline:2px solid #fff;outline-offset:4px}
.concept-ticket .action.dark-action{border-color:#26262c;box-shadow:0 3px 0 #26262c}
.concept-ticket .action:focus-visible{outline-color:#26262c}
@media(max-width:700px){.inline-action{font-size:12px;padding:13px 16px;gap:20px}}

/* A single, concise reason to choose Draco Supply. */
.difference-refined{padding-top:48px;padding-bottom:65px;background:#111114}
.difference-refined .section-bar{border-top:0;padding-top:0;margin-bottom:32px}
.difference-refined .difference-heading{grid-template-columns:minmax(0,1fr) 220px;gap:7%;align-items:center}
.difference-refined .difference-heading h2{font-size:clamp(40px,5.1vw,76px);line-height:1;letter-spacing:-.02em}
.difference-message>p{max-width:530px;margin-top:24px;font-size:17px;line-height:1.75;color:#aaaab2}
.difference-mark{height:220px;display:flex;align-items:center;justify-content:center;border-left:1px solid #ffffff20;padding-left:30px}
.difference-mark img{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen}
@media(max-width:1100px){.difference-refined .difference-heading{grid-template-columns:minmax(0,1fr) 160px;gap:5%}.difference-mark{height:175px;padding-left:20px}.difference-refined .difference-heading h2{font-size:5.1vw}}
@media(max-width:700px){.difference-refined{padding-top:36px;padding-bottom:42px}.difference-refined .section-bar{margin-bottom:27px}.difference-refined .difference-heading{grid-template-columns:1fr;gap:0}.difference-refined .difference-heading h2{font-size:9.8vw}.difference-message>p{font-size:16px;line-height:1.7;margin-top:20px;max-width:430px}.difference-mark{display:none}}

.difference-credential{display:block;margin-top:22px;font-size:10px;letter-spacing:.08em;color:#85858e;line-height:1.6}

/* Align the original standalone symbol with the full brand name. */
.nav-v2 .draco-brand{gap:14px}
.nav-v2 .draco-brand>.brand-symbol{display:block;position:relative;width:56px;height:27px;overflow:hidden;flex-shrink:0}
.brand-symbol img{display:block;width:100%;height:auto;position:absolute;top:0;left:0}
.nav-v2 .draco-brand>.brand-name{display:block;font-size:20px;font-weight:700;letter-spacing:.01em;line-height:1.2;white-space:nowrap}
@media(max-width:700px){.nav-v2 .draco-brand{gap:9px}.nav-v2 .draco-brand>.brand-symbol{width:32px;height:15.5px}.nav-v2 .draco-brand>.brand-name{font-size:14px}}
@media(max-width:380px){.nav-v2{gap:8px}.nav-v2 .draco-brand{gap:7px}.nav-v2 .draco-brand>.brand-symbol{width:26px;height:12.6px}.nav-v2 .draco-brand>.brand-name{font-size:12px}.nav-v2 .nav-cta{font-size:10px;gap:8px;padding:8px}.nav-v2 .nav-cta>span{font-size:16px}}

/* A compact closing invitation, matching the reference page’s scale. */
.final-statement{min-height:0;padding:60px 5% 25px}
.final-content{display:flex;align-items:center;justify-content:space-between;gap:40px}
.final-copy>.kicker{font-size:11px;color:#85858e}
.final-content h2{font-size:clamp(42px,4.5vw,66px);line-height:.98;margin:20px 0 0}
.final-content .action{flex-shrink:0;font-size:12px;min-height:48px;padding:13px 18px;gap:22px}
.final-bottom{position:static;margin-top:42px;padding-top:18px;font-size:9px}
@media(max-width:700px){.final-statement{min-height:0;padding:42px 6% 22px}.final-content{flex-direction:column;align-items:flex-start;gap:25px}.final-content h2{font-size:11vw;margin-top:18px}.final-copy>.kicker{font-size:10px}.final-bottom{margin-top:30px;gap:15px}.final-bottom>span{max-width:160px}}

/* One compact proof section, anchored to Draco Supply. */
.proof-compact{padding-top:55px;padding-bottom:55px}
.proof-compact .section-bar{margin-bottom:32px}
.proof-overview{display:grid;grid-template-columns:1.5fr 1fr;gap:7%;align-items:center;margin-bottom:38px}
.proof-title h2{font-size:clamp(36px,4.5vw,66px);line-height:1}
.proof-title>p{font-size:16px;color:#a4a4ae;margin-top:18px}
.proof-stat{border-left:1px solid #ffffff24;padding-left:35px;display:flex;flex-direction:column;align-items:flex-start}
.proof-stat>strong{font-family:Barlow,Impact,sans-serif;font-size:92px;line-height:.95;letter-spacing:-.03em;font-weight:700}
.proof-stat>strong>span{font-size:.6em;vertical-align:top}
.proof-stat-label{margin-top:13px;font-size:11px;letter-spacing:.1em;color:#b4b4bc}
.proof-stat>p{font-size:11px;line-height:1.7;color:#85858f;margin-top:8px;max-width:290px}
.proof-stat a,.proof-compact .proof-note a{text-decoration:underline;text-underline-offset:3px}
.proof-people-label{font-size:11px;letter-spacing:.08em;color:#9c9ca7;margin-bottom:15px}
.proof-people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.proof-people figure{margin:0;min-width:0}
.proof-people img{width:100%;height:285px;object-fit:cover;object-position:center 28%;display:block;filter:saturate(.65)}
.proof-people figure:nth-child(2) img{object-position:center 20%}.proof-people figure:nth-child(3) img{object-position:center top}
.proof-people figcaption{font-family:Barlow,Impact,sans-serif;font-size:25px;line-height:1.1;padding-top:13px}
.proof-compact .proof-note{font-size:11px;line-height:1.7;margin-top:25px;max-width:none;color:#85858f}
@media(max-width:1100px){.proof-overview{gap:5%}.proof-stat{padding-left:25px}.proof-stat>strong{font-size:76px}.proof-people img{height:225px}}
@media(max-width:700px){.proof-compact{padding-top:38px;padding-bottom:38px}.proof-compact .section-bar{margin-bottom:26px}.proof-overview{grid-template-columns:1fr;gap:25px;margin-bottom:27px}.proof-title h2{font-size:9.5vw}.proof-title>p{font-size:14px;margin-top:13px}.proof-stat{border-left:0;border-top:1px solid #ffffff24;padding:23px 0 0;display:grid;grid-template-columns:auto 1fr;column-gap:22px;align-items:center}.proof-stat>strong{font-size:65px;grid-row:1/3}.proof-stat-label{margin:0;align-self:end;font-size:10px}.proof-stat>p{margin-top:5px;font-size:10px;align-self:start}.proof-people{gap:10px}.proof-people img{height:145px}.proof-people figcaption{font-size:20px;padding-top:10px}.proof-people-label{font-size:10px;margin-bottom:12px}.proof-compact .proof-note{font-size:10px;margin-top:20px}}
@media(max-width:360px){.proof-stat{column-gap:15px}.proof-stat>strong{font-size:58px}.proof-people img{height:120px}.proof-people figcaption{font-size:17px}}

/* Serif brand lettering with the original secondary line restored. */
@font-face{font-family:DracoBrand;src:url('/assets/cinzel-brand.ttf') format('truetype');font-weight:400 900;font-style:normal;font-display:swap}
.nav-v2 .draco-brand>.brand-name{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.nav-v2 .draco-brand .brand-title{display:block;font-family:DracoBrand,Georgia,serif;font-size:23px;font-weight:400;letter-spacing:.055em;line-height:1;text-transform:uppercase;color:#f1f1f3;margin:0}
.nav-v2 .draco-brand .brand-tagline{display:block;font-family:Inter,Arial,sans-serif;font-size:8px;font-weight:400;letter-spacing:.19em;line-height:1.2;color:#909099;margin:0}
@media(max-width:700px){.nav-v2 .draco-brand>.brand-name{gap:5px}.nav-v2 .draco-brand .brand-title{font-size:14px;letter-spacing:.015em}.nav-v2 .draco-brand .brand-tagline{font-size:6.5px;letter-spacing:.12em}}
@media(max-width:380px){.nav-v2 .draco-brand{gap:6px}.nav-v2 .draco-brand>.brand-symbol{width:24px;height:11.6px}.nav-v2 .draco-brand .brand-title{font-size:11px;letter-spacing:.01em}.nav-v2 .draco-brand .brand-tagline{font-size:6px;letter-spacing:.08em}}
