/* One full-width artwork stage, with content and navigation overlaid. */
.interactive-hero.full-width-hero{display:block;position:relative;height:clamp(700px,calc(100svh - 123px),1040px);min-height:0;background:var(--ink);isolation:isolate;overflow:hidden}
.full-width-hero .hero-art{position:absolute;inset:0;min-height:0;display:block;background:radial-gradient(ellipse at 76% 42%,var(--hero-wash) 0%,#20231f 65%,#171817 100%);overflow:hidden;z-index:0}
.full-width-hero .hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#10130fee 0%,#10130fc9 26%,#10130f75 47%,#10130f00 74%),linear-gradient(0deg,#10130f9c 0%,transparent 26%);z-index:2;pointer-events:none}
.interactive-hero.full-width-hero .hero-copy{position:absolute;inset:10% auto 130px 4%;width:48%;max-width:700px;padding:0;z-index:3;justify-content:center;pointer-events:none}
.full-width-hero .hero-copy a{pointer-events:auto}
.interactive-hero.full-width-hero h1{font-size:clamp(80px,7.7vw,135px);line-height:.89;letter-spacing:-1.7px;margin:28px 0 25px;text-shadow:0 4px 25px #0002}
.full-width-hero .hero-copy>.eyebrow{font-size:10px;letter-spacing:1.7px;min-height:0}
.interactive-hero.full-width-hero .hero-description{font-size:15px;line-height:1.65;color:#e0e4d9;max-width:430px;min-height:0;text-shadow:0 2px 10px #0008}
.full-width-hero .hero-copy>.button{margin-top:29px;min-width:214px}
.full-width-hero .hero-foot{margin-top:38px;padding-top:0;max-width:420px;color:#b3bdab;pointer-events:none}
.full-width-hero .hero-count{display:none}
.interactive-hero.full-width-hero .hero-product{position:absolute;right:-2%;top:46%;width:min(76vw,1260px);max-width:none;height:auto;transform:translate3d(var(--pointer-x,0px),var(--pointer-y,0px),0) translateY(-50%) rotate(-9deg);transition:none;object-fit:contain}
.interactive-hero.full-width-hero[data-campaign="boards"] .hero-product{width:min(70vw,88svh,1100px);max-width:none;height:auto;right:1%;top:47%}
.interactive-hero.full-width-hero[data-campaign="events"] .hero-product{width:min(65vw,99svh,1030px);max-width:none;height:auto;right:0;top:46%}
.interactive-hero.full-width-hero .outline-type{left:32%;top:4%;font-size:clamp(230px,34vw,600px);opacity:.11;z-index:0}
.interactive-hero.full-width-hero .orbit{width:66%;top:50%;left:36%;translate:0 -50%;opacity:.18;z-index:0}
.interactive-hero.full-width-hero .stamp{top:7%;right:5%;width:112px;height:112px;z-index:3}
.interactive-hero.full-width-hero .hero-product-caption{left:auto;right:4%;bottom:120px;width:39%;max-width:540px;padding:15px 18px;z-index:3;border:1px solid #aab69b44;background:#10170fb8;backdrop-filter:blur(8px)}
.full-width-hero .hero-product-caption small{color:#d0d8c3;font-size:8px;letter-spacing:1.6px}
.full-width-hero .hero-product-caption strong{font-size:12px;letter-spacing:.9px}
.full-width-hero .round-arrow{border-color:#b2bea3;flex-shrink:0}
.full-width-hero .drag-hint{left:auto;right:4%;bottom:92px;z-index:3;color:#b7c3a7;font-size:7px}
.full-width-hero .hero-controls{position:absolute;bottom:0;left:0;right:0;height:76px;padding:0 4%;background:#11160ed9;border-top:1px solid #b8c9a244;backdrop-filter:blur(12px);z-index:4;gap:30px;align-items:stretch;flex-wrap:nowrap}
.full-width-hero .campaign-tabs{gap:40px;max-width:690px}
.full-width-hero .campaign-tab{padding-top:24px;padding-bottom:25px}
.full-width-hero .carousel-actions{width:auto;padding:0;gap:10px}
@media(min-width:1600px){.interactive-hero.full-width-hero .hero-copy{left:5%;width:43%}.interactive-hero.full-width-hero .hero-product{right:2%}.interactive-hero.full-width-hero h1{font-size:clamp(125px,7.5vw,160px)}}
@media(max-width:1050px) and (min-width:761px){.interactive-hero.full-width-hero{height:clamp(670px,calc(100svh - 123px),900px)}.interactive-hero.full-width-hero h1{font-size:8.3vw;letter-spacing:-1px}.interactive-hero.full-width-hero .hero-description{font-size:13px;max-width:330px}.full-width-hero .hero-copy>.eyebrow{font-size:8px}.interactive-hero.full-width-hero .hero-copy{width:49%;bottom:140px}.interactive-hero.full-width-hero .stamp{width:95px;height:95px}.full-width-hero .hero-foot{font-size:8px}.full-width-hero .campaign-tabs{gap:24px}.full-width-hero .hero-product-caption strong{font-size:10px}.full-width-hero .hero-product-caption small{font-size:7px}}
@media(max-width:760px){
 .interactive-hero.full-width-hero{height:max(730px,calc(100svh - 108px));max-height:960px;min-height:0}
 .full-width-hero .hero-art:after{background:linear-gradient(0deg,#10130fff 0%,#10130ff2 25%,#10130fce 43%,#10130f18 72%,#10130f00 100%);z-index:2}
 .interactive-hero.full-width-hero .hero-copy{inset:auto 6% 105px 6%;width:auto;max-width:none;padding:0;justify-content:flex-start}
 .full-width-hero .hero-copy>.eyebrow{font-size:8px;letter-spacing:1.25px;min-height:0}
 .interactive-hero.full-width-hero h1{font-size:clamp(53px,13.3vw,82px);letter-spacing:-.8px;margin:18px 0 16px;line-height:.91}
 .interactive-hero.full-width-hero .hero-description{font-size:12px;line-height:1.6;max-width:340px;min-height:0}
 .full-width-hero .hero-copy>.button{margin-top:22px;min-height:49px;padding:16px 20px;min-width:206px;font-size:10px}
 .full-width-hero .hero-foot{display:none}
 .interactive-hero.full-width-hero .hero-product{width:min(110vw,700px);max-width:none;right:-5%;top:25%;transform:translate3d(var(--pointer-x,0px),var(--pointer-y,0px),0) translateY(-50%) rotate(-9deg)}
 .interactive-hero.full-width-hero[data-campaign="boards"] .hero-product{width:min(102vw,510px);max-width:none;right:0;top:25%;height:auto}
 .interactive-hero.full-width-hero[data-campaign="events"] .hero-product{width:min(96vw,500px);max-width:none;right:0;top:24%;height:auto}
 .interactive-hero.full-width-hero .outline-type{font-size:clamp(230px,75vw,440px);left:6%;top:1%;opacity:.1}
 .interactive-hero.full-width-hero .orbit{width:95%;left:3%;top:28%;opacity:.13}
 .interactive-hero.full-width-hero .stamp{width:78px;height:78px;top:5%;right:7%;outline-width:3px}
 .interactive-hero.full-width-hero .stamp b{font-size:22px}.full-width-hero .stamp span{font-size:6px}
 .interactive-hero.full-width-hero .hero-product-caption{display:none}
 .full-width-hero .drag-hint{display:none}
 .full-width-hero .hero-controls{height:65px;padding:0 5%;gap:14px;align-items:stretch;flex-wrap:nowrap}
 .full-width-hero .campaign-tabs{gap:12px;max-width:none;flex:1;width:auto}
 .full-width-hero .campaign-tab{padding:20px 0;gap:6px;justify-content:flex-start;min-width:0}
 .full-width-hero .campaign-tab>span{font-size:7px}.full-width-hero .campaign-tab strong{font-size:8px;letter-spacing:.6px}
 .full-width-hero .carousel-actions{width:auto;gap:7px;padding:0;flex-shrink:0}
 .full-width-hero .slide-counter{display:none}
 .full-width-hero .carousel-button{width:29px;height:29px}.full-width-hero .carousel-button svg{width:14px;height:14px}
}
@media(max-width:360px){.full-width-hero .campaign-tab>span{display:none}.full-width-hero .campaign-tabs{gap:10px}.full-width-hero .campaign-tab strong{font-size:7px}.interactive-hero.full-width-hero .hero-copy>.eyebrow{font-size:7px;letter-spacing:1px}.interactive-hero.full-width-hero .hero-description{font-size:11px}}
@media(max-height:620px) and (min-width:761px){.interactive-hero.full-width-hero{height:650px}}
