#design-b .b7{--pad:clamp(20px,3vw,48px);--fd:"Bodoni Moda",Georgia,serif;--fs:"Work Sans",system-ui,sans-serif;--paper:#F7F2EA;--ink:#231B14;--mut:#62554A;--line:#E3D6C3;--brass:#8A5A2B;--gold:#E0B877;--crm:#F6EFE4;position:relative;height:calc(100svh - var(--hdrh,118px));min-height:560px;display:block}html[data-motion=force] #design-b .b7,html.motion #design-b .b7{height:520vh}#design-b .b7__pane{position:sticky;top:calc(var(--chrome-h,0px) + var(--hdrh,118px) - var(--hsubh,0px));height:calc(100vh - var(--chrome-h,0px) - var(--hdrh,118px) + var(--hsubh,0px) - var(--sbarh,66px));min-height:520px;overflow:hidden;background:#2a2119}#design-b .b7__frames{position:absolute;inset:0;overflow:hidden}#design-b .b7__cam{position:absolute;inset:0;will-change:transform;transform-origin:56% 62%}#design-b .b7f{position:absolute;inset:0}#design-b .b7f img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 55%}#design-b .b7f:not(:first-child){opacity:0}#design-b .b7cv{position:absolute;inset:0;width:100%;height:100%;display:block}#design-b .b7.cv .b7f{visibility:hidden}#design-b .b7:not(.ld) .b7f--last img:not([src]){display:none}html:not([data-motion=force]):not(.motion) #design-b .b7f:not(:first-child):not(.b7f--last){display:none}html:not([data-motion=force]):not(.motion) #design-b .b7f--last{opacity:1}html:not([data-motion=force]):not(.motion) #design-b .b7.cv .b7f--last{visibility:visible}html:not([data-motion=force]):not(.motion) #design-b .b7cv,html:not([data-motion=force]):not(.motion) #design-b .b7__stage,html:not([data-motion=force]):not(.motion) #design-b .b7__rail,html:not([data-motion=force]):not(.motion) #design-b .b7__pins,html:not([data-motion=force]):not(.motion) #design-b .b7__scroll{display:none}#design-b .b7 .chip{display:inline-flex;align-items:center;gap:8px;padding:8px 13px 8px 10px;border-radius:999px;background:#ffffffed;color:var(--ink);font:600 12.5px/1.1 var(--fs);letter-spacing:.01em;box-shadow:0 10px 26px -14px #0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}#design-b .b7 .chip-seal{padding:5px 10px 5px 6px}#design-b .b7 .chip img{display:block;height:24px;width:auto}#design-b .b7 .chip .dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--brass)}#design-b .b7 .b7kick{font:700 11.5px/1 var(--fs);letter-spacing:.22em;text-transform:uppercase;margin:0 0 14px}#design-b .b7 h1{font-family:var(--fd);font-weight:500;letter-spacing:-.012em;margin:0}#design-b .b7 h1 .l1,#design-b .b7 h1 .l2{display:block}#design-b .b7 h1 .l2{font-style:italic;font-weight:500}#design-b .b7 .lede{font:400 clamp(16px,1.2vw,18.5px)/1.5 var(--fs);margin:0}#design-b .b7 .btns{display:flex;flex-wrap:wrap;gap:12px}#design-b .b7 .btn{width:auto}#design-b .b7 .btn .ic{width:18px;height:18px;display:inline-block}#design-b .b7 .btn .ic svg{width:100%;height:100%;display:block}#design-b .b7 .b7go{background:var(--gold);color:#1a120b;border-color:var(--gold)}#design-b .b7 .b7gh{border-color:#f6efe48c;color:var(--crm);background:#140e0a2e}#design-b .b7 .b7gh2{border-color:#231b1466;color:var(--ink);background:transparent}@media (hover:hover) and (pointer:fine){#design-b .b7 .b7go:hover{background:#ebc98f;border-color:#ebc98f}#design-b .b7 .b7gh:hover{background:#f6efe424}#design-b .b7 .b7gh2:hover{background:#231b140f}}#design-b .b7 .b7__scroll{display:flex;align-items:center;gap:14px;margin:26px 0 0;font:700 11px/1 var(--fs);letter-spacing:.26em;text-transform:uppercase}#design-b .b7 .b7__scroll span{width:44px;height:1px;background:currentColor;opacity:.7;transform-origin:left;animation:b7line 2.2s var(--ease-in-out) infinite}@keyframes b7line{0%{transform:scaleX(0);opacity:0}30%{opacity:.7}70%{transform:scaleX(1);opacity:.7}to{transform:scaleX(1);opacity:0}}#design-b .b7 .b7__tag{position:absolute;z-index:4;right:calc(var(--pad) + 28px);top:calc(var(--pad) + 18px);margin:0;font:600 10.5px/1 var(--fs);letter-spacing:.2em;text-transform:uppercase;color:#f6efe4b8;pointer-events:none}#design-b .b7 .b7__intro{will-change:opacity,transform}#design-b .b7 .b7__intro.off{pointer-events:none}#design-b .b7__stage{opacity:0;pointer-events:none;transition:opacity .35s var(--ease-out)}#design-b .b7.go .b7__stage{opacity:1;pointer-events:auto}#design-b .b7 .b7last{display:none}#design-b .b7.done .b7last{display:inline-flex}#design-b .b7 .b7s{grid-area:1/1;opacity:0;will-change:opacity,transform}#design-b .b7 .b7s .sk{margin:0 0 10px;font:700 10.5px/1.2 var(--fs);letter-spacing:.2em;text-transform:uppercase}#design-b .b7 .b7s .st{display:block;font-family:var(--fd);font-weight:500;margin:0 0 10px;letter-spacing:-.01em}#design-b .b7 .b7s .sd{margin:0;font:400 16px/1.5 var(--fs)}#design-b .b7 .b7__pins{position:absolute;inset:0;z-index:3;pointer-events:none}#design-b .b7 .pin{position:absolute;left:var(--x);top:var(--y);opacity:0;transform:translate3d(0,8px,0) scale(.96);will-change:opacity,transform}#design-b .b7 .pin-r{left:auto;right:var(--r)}#design-b .b7 .pin:before{content:"";position:absolute;left:-5px;top:-5px;width:10px;height:10px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px #ffffffd9,0 0 0 9px #e0b87747}#design-b .b7 .pin:after{content:"";position:absolute;left:0;top:0;width:1px;height:34px;background:#ffffffd9;transform-origin:top;transform:translateY(-34px)}#design-b .b7 .pin .chip{position:absolute;left:0;top:-34px;transform:translate(-50%,-100%);white-space:nowrap}#design-b .b7 .pin-r .chip{left:auto;right:0;transform:translate(50%,-100%)}#design-b .b7a .b7__scrim{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to top,#120c08b8,#120c0857 26%,#120c0800 48%),radial-gradient(ellipse 56% 62% at 14% 92%,#120c08bd,#120c086b 48%,#120c0800)}#design-b .b7a .b7__grid{position:absolute;inset:var(--pad);z-index:2;pointer-events:none;border:1px solid rgba(255,255,255,.13)}#design-b .b7a .b7__grid i{position:absolute;width:15px;height:15px;opacity:.6;background:linear-gradient(#fff,#fff) center/1px 100% no-repeat,linear-gradient(#fff,#fff) center/100% 1px no-repeat}#design-b .b7a .b7__grid i:nth-child(1){left:-8px;top:-8px}#design-b .b7a .b7__grid i:nth-child(2){right:-8px;top:-8px}#design-b .b7a .b7__grid i:nth-child(3){left:-8px;bottom:-8px}#design-b .b7a .b7__grid i:nth-child(4){right:-8px;bottom:-8px}#design-b .b7a .b7__intro{position:absolute;z-index:4;left:calc(var(--pad) + 28px);right:var(--pad);bottom:calc(var(--pad) + 26px);max-width:900px;color:var(--crm)}#design-b .b7a .b7__chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px}#design-b .b7a .b7kick{color:var(--gold);display:inline-flex;align-items:center;padding:9px 12px;border-radius:999px;background:#140e0abd;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}#design-b .b7a h1{font-size:clamp(42px,5.6vw,84px);line-height:.98;color:var(--crm);margin-bottom:18px;text-shadow:0 2px 30px rgba(18,12,8,.95),0 0 12px rgba(18,12,8,.75),0 1px 4px rgba(18,12,8,.7)}#design-b .b7a .b7__intro .lede,#design-b .b7a .b7s .st,#design-b .b7a .b7s .sd{text-shadow:0 1px 20px rgba(18,12,8,.9),0 0 8px rgba(18,12,8,.7),0 1px 3px rgba(18,12,8,.6)}#design-b .b7a h1 .l2{color:var(--gold)}#design-b .b7a .lede{color:#f6efe4d6;max-width:54ch;margin-bottom:24px}#design-b .b7a .b7__scroll{color:var(--crm)}#design-b .b7a .b7__rail{position:absolute;z-index:4;left:calc(var(--pad) + 28px);top:calc(var(--pad) + 28px);margin:0;padding:0;list-style:none;display:grid;gap:9px;opacity:0;transition:opacity .35s var(--ease-out)}#design-b .b7a.go .b7__rail{opacity:1}#design-b .b7a .b7__rail button{display:grid;grid-template-columns:2px auto auto;gap:12px;align-items:center;padding:0;background:none;border:0;cursor:pointer;text-align:left;color:#f6efe48c;font:600 10.5px/1 var(--fs);letter-spacing:.18em;text-transform:uppercase}#design-b .b7a .b7__rail .ln{width:2px;height:22px;background:#ffffff38;position:relative;overflow:hidden;border-radius:2px}#design-b .b7a .b7__rail .ln:after{content:"";position:absolute;inset:0;background:var(--gold);transform-origin:top;transform:scaleY(var(--f,0))}#design-b .b7a .b7__rail .n{font:500 15px/1 var(--fd);letter-spacing:0;color:#f6efe4bf;min-width:22px}#design-b .b7a .b7__rail button[aria-current=step]{color:var(--crm)}#design-b .b7a .b7__rail button[aria-current=step] .n{color:var(--gold)}#design-b .b7a .b7__rail button:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:3px}@media (hover:hover) and (pointer:fine){#design-b .b7a .b7__rail button:hover{color:var(--crm)}}#design-b .b7a .b7__stage{position:absolute;z-index:4;left:calc(var(--pad) + 28px);right:var(--pad);bottom:calc(var(--pad) + 26px);display:grid;max-width:820px;color:var(--crm)}#design-b .b7a .b7s .sk{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.26);background:#140e0a4d;color:var(--gold);backdrop-filter:blur(6px);margin-bottom:16px}#design-b .b7a .b7s .st{font-size:clamp(32px,3.8vw,58px);line-height:1;color:var(--crm)}#design-b .b7a .b7s .sd{color:#f6efe4d6;max-width:52ch;font-size:17px}#design-b .b7a .b7s .b7last{margin-top:20px}@media (max-width:760px){#design-b .b7{--pad:14px}html[data-motion=force] #design-b .b7,html.motion #design-b .b7{height:440vh}#design-b .b7__pane{--sbarh:68px}#design-b .b7 .b7__tag{display:none}#design-b .b7 .chip{font-size:11.5px;padding:7px 11px 7px 9px}#design-b .b7 .chip img{height:20px}#design-b .b7 .b7__scroll{margin-top:14px}#design-b .b7 .pin{left:var(--mx,16px)!important;right:auto!important;top:var(--my,30%)!important}#design-b .b7 .pin .chip{left:0;transform:translateY(-100%);white-space:normal;width:max-content;max-width:min(72vw,300px)}#design-b .b7 .pin-r .chip{right:auto;transform:translateY(-100%)}#design-b .b7a .b7__grid{display:none}#design-b .b7a .b7__intro{left:16px;right:16px;bottom:18px}#design-b .b7a .b7__chips{gap:8px;margin-bottom:12px}#design-b .b7a .b7__chips .chip:nth-child(3){display:none}#design-b .b7a .b7kick{margin-bottom:8px}#design-b .b7a h1{font-size:clamp(32px,9.4vw,40px);margin-bottom:10px}#design-b .b7a .lede{font-size:15px;margin-bottom:14px}#design-b .b7a .btns{gap:8px}#design-b .b7a .btns .btn{width:100%;padding:15px 18px;font-size:14px}#design-b .b7a .b7__rail{left:16px;right:16px;top:14px;transform:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px}#design-b .b7a .b7__rail{grid-auto-columns:auto;justify-content:start;gap:18px}#design-b .b7a .b7__rail button{grid-template-columns:auto}#design-b .b7a .b7__rail .ln,#design-b .b7a .b7__rail .lb{display:none}#design-b .b7a .b7__rail .n{font-size:17px;min-width:0}#design-b .b7a .b7__pins .pin{--my:34%}#design-b .b7a .b7__stage{left:16px;right:16px;bottom:18px}#design-b .b7a .b7s .sk{margin-bottom:10px;padding:7px 10px}#design-b .b7a .b7s .st{font-size:30px}#design-b .b7a .b7s .sd{font-size:15px}#design-b .b7a .b7s .b7last{margin-top:14px;width:100%}}@media (prefers-reduced-motion:reduce){html:not([data-motion=force]) #design-b .b7__cam{transform:none!important}html:not([data-motion=force]) #design-b .b7 .b7__scroll span{animation:none}}@media (min-width:761px) and (max-height:760px){#design-b .b7a .b7__rail{display:flex;gap:22px}#design-b .b7a .b7__rail button{grid-template-columns:auto auto;grid-template-rows:auto 2px;gap:7px 10px}#design-b .b7a .b7__rail .n,#design-b .b7a .b7__rail .lb{grid-row:1}#design-b .b7a .b7__rail .ln{grid-column:1/-1;grid-row:2;width:100%;height:2px}#design-b .b7a .b7__rail .ln:after{transform-origin:left;transform:scaleX(var(--f,0))}}
