/* Selected STIHL landing v8 tokens; campaign-specific extension. */
:root{--orange:#f47700;--ink:#191918;--paper:#fff;--display:"STIHL Display",Arial,Helvetica,sans-serif;--body:"STIHL Text",Arial,Helvetica,sans-serif;--edge:polygon(0 3%,25% 0,54% 3%,77% 0,100% 3%,99% 100%,65% 97%,32% 100%,0 97%)}
*{box-sizing:border-box}body{margin:0;font-family:var(--body);background:var(--orange);color:var(--ink)}.ad{width:var(--w);height:var(--h);position:relative;overflow:hidden;container-type:size;background:var(--orange)}.brand{position:absolute;object-fit:contain;top:3.5%;left:32%;width:36%;height:5%;z-index:5}.sign{position:absolute;left:3%;top:11%;width:94%;height:29%;z-index:4}.sign>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.sign-on{transition:opacity .55s,filter .55s}.ad[data-lit="false"] .sign-on{opacity:0}.ad[data-lit="true"] .sign-on{filter:drop-shadow(0 0 8px #fff3bc70)}.sign .cord{transition:translate .15s}.sign button{position:absolute;left:0;top:45%;width:18%;height:53%;background:transparent;border:0;cursor:grab;touch-action:none;z-index:6}.sign button:active{cursor:grabbing}.sign button:focus-visible{outline:2px solid #191918;border-radius:20px}.product-area{position:absolute;left:0;top:34%;width:100%;height:29%;z-index:2}.saw{position:absolute;width:150%;max-width:none;height:125%;object-fit:contain;left:-25%;top:-8%;filter:drop-shadow(0 12px 9px #0003)}.model-host{position:absolute;inset:-8% -12% -5%;display:none}model-viewer{width:100%;height:100%;background:transparent;--progress-bar-height:0px}model-viewer::part(default-progress-bar){display:none}.model-ready .saw{display:none}.model-ready .model-host{display:block}.offer{position:absolute;left:8%;right:8%;top:63%;text-align:center;font-family:var(--display);font-size:20cqw;font-weight:900;line-height:1;letter-spacing:-.06em;margin:0;white-space:nowrap}.price{position:absolute;left:8%;right:8%;top:76%;text-align:center;font-size:4.1cqw;line-height:1.3;margin:0}.cta{position:absolute;left:8%;right:8%;top:83%;min-height:8%;display:flex;align-items:center;justify-content:center;padding:12px;background:var(--ink);color:#fff;text-decoration:none;font-weight:800;font-size:4.4cqw;letter-spacing:.025em;clip-path:var(--edge)}.fine{position:absolute;left:8%;right:8%;bottom:2%;text-align:center;font-size:2.7cqw;line-height:1.35;margin:0}.ad:not(.static) .brand{animation:in .45s .15s both}.ad:not(.static) .offer{animation:in .55s .45s both}.ad:not(.static) .price{animation:in .5s .65s both}.ad:not(.static) .cta{animation:in .5s .95s both}@keyframes in{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}.static .model-tools,.static .sign button{display:none}.static .sign-on{opacity:1!important}.static .sign{pointer-events:none}.ad.feed .brand{width:28%;left:36%;top:4%;height:6%}.ad.feed .sign{top:10%;height:32%;left:5%;width:90%}.ad.feed .product-area{top:40%;height:28%}.ad.feed .offer{top:68%;font-size:17cqw}.ad.feed .price{top:82%;font-size:3cqw}.ad.feed .cta{top:88%;min-height:6%;font-size:3cqw;left:15%;right:15%}.ad.feed .fine{font-size:1.6cqw;bottom:2%}.ad.story .brand{top:14%;height:3%;width:28%;left:36%}.ad.story .sign{top:18%;height:25%;left:5%;width:90%}.ad.story .product-area{top:42%;height:24%}.ad.story .offer{top:65%;font-size:17cqw}.ad.story .price{top:76%;font-size:3cqw}.ad.story .cta{top:81%;min-height:5%;font-size:3cqw;left:15%;right:15%}.ad.story .fine{bottom:9%;font-size:1.6cqw}.ad.wide .brand{top:auto;bottom:7%;left:auto;right:3%;width:12%;height:12%}.ad.wide .sign{left:1%;top:-1%;width:29%;height:95%}.ad.wide .product-area{top:10%;left:27%;width:38%;height:68%}.ad.wide .offer{left:64%;right:3%;top:8%;font-size:7cqw}.ad.wide .price{left:64%;right:3%;top:39%;font-size:1.45cqw}.ad.wide .cta{left:67%;right:6%;top:56%;height:20%;min-height:0;font-size:1.6cqw}.ad.wide .fine{left:29%;right:22%;bottom:5%;font-size:1cqw;text-align:left}.ad.wide .model-tools{bottom:0}.ad.wide .model-tools button{font-size:11px}.ad.wide .saw{height:160%;top:-35%}.ad.email .brand{display:none}.ad.email .offer{top:4%;font-size:18cqw}.ad.email .price{top:20%;font-size:3.5cqw}.ad.email .sign{top:25%;height:40%}.ad.email .product-area{top:61%;height:35%}.ad.email .cta,.ad.email .fine,.ad.email .model-tools{display:none}
/* Tool-selector direction: task choice is the interaction, not a sale message. */
.selector h1{position:absolute;top:13%;left:8%;right:8%;font:900 12cqw/.94 var(--display);letter-spacing:-.055em;margin:0}.selector h1 span{display:block;margin-top:14px;font-size:8.8cqw}.selector .product-still{position:absolute;top:34%;left:0;width:100%;height:29%;object-fit:contain;background:#fff}.selector .job-title{position:absolute;top:65%;left:8%;right:8%;margin:0;font-size:4cqw;font-weight:700;text-align:center}.selector .jobs{position:absolute;left:8%;right:8%;top:70%;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.selector .jobs button{border:1px solid var(--ink);background:transparent;font-size:3.2cqw;font-weight:800;color:var(--ink);padding:11px 0;cursor:pointer}.selector .jobs button[aria-pressed="true"]{background:var(--ink);color:white}.selector .cta{top:82%;font-size:3.8cqw}.selector .fine{font-size:2.6cqw}.selector.static .jobs{display:none}.selector.feed h1{top:16%;font-size:12cqw}.selector.feed h1 span{font-size:8.5cqw}.selector.feed .product-still{top:44%;height:28%;left:4%;width:92%}.selector.feed .job-title{top:73%;font-size:3.2cqw}.selector.feed .jobs{top:79%}.selector.feed .jobs button{font-size:2.8cqw;padding:18px}.selector.feed .cta{top:88%;font-size:3cqw}.selector.feed .fine{font-size:1.6cqw}.selector.story h1{top:21%;font-size:12cqw}.selector.story .product-still{top:40%;height:26%}.selector.story .job-title{top:67%;font-size:3.1cqw}.selector.story .jobs{top:72%}.selector.story .jobs button{font-size:2.8cqw;padding:22px 0}.selector.story .cta{top:81%}.selector.story .fine{font-size:1.6cqw}.selector.wide h1{top:12%;left:35%;right:3%;font-size:4.5cqw}.selector.wide h1 span{font-size:3cqw;margin-top:6px}.selector.wide .product-still{left:1%;top:6%;height:87%;width:32%}.selector.wide .job-title{top:68%;left:35%;right:38%;font-size:1.2cqw;text-align:left}.selector.wide .fine{bottom:3%;left:3%;right:30%;font-size:.9cqw}.selector:not(.static) h1{animation:in .7s both}.selector:not(.static) .jobs{animation:in .6s .65s both}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:-4px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.selector .product-still[data-photo="true"]{object-fit:cover}.feed .saw,.story .saw{width:190%;left:-45%;height:140%;top:-15%}

/* Keep visible keyboard focus inside the product safe area, away from sign and offer. */
model-viewer::part(interaction-surface){outline:none}.keyboard-model-focus .product-area::after{content:"";position:absolute;inset:24% 8% 8%;border:2px solid var(--ink);border-radius:8px;pointer-events:none}
 .wide.keyboard-model-focus .product-area::after{top:8%}

.ad.wide .model-host{inset:-15% -12% -12%}

/* Selector revision: matched product stills, fixed reading order and aligned chooser/CTA. */
.selector .brand{width:44%;left:28%;top:3%;height:7%}
.selector h1{top:15%;font-size:11.4cqw}.selector h1 span{font-size:8.2cqw;margin-top:10px}
.selector .product-still{top:37%;height:27%;left:8%;width:84%;padding:10px;background:#fff}
.selector .product-still[data-product="cut"]{object-fit:contain}
.selector .job-title{top:66%;font-size:3.7cqw;line-height:1.3}
.selector .jobs{top:72%}.selector .cta{top:83%}
.selector.feed .brand{width:36%;left:32%;top:4%;height:7%}
.selector.feed h1{top:16%;font-size:11cqw}.selector.feed h1 span{font-size:7.9cqw}
.selector.feed .product-still{top:41%;height:31%;left:8%;width:84%;padding:30px}
.selector.feed .job-title{top:74%;font-size:3.2cqw}.selector.feed .jobs{top:80%}.selector.feed .cta{top:88%}
.selector.story .brand{top:12%;height:5%;width:36%;left:32%}
.selector.story h1{top:21%;font-size:11cqw}.selector.story h1 span{font-size:7.9cqw}
.selector.story .product-still{top:41%;height:25%;left:8%;width:84%;padding:30px}
.selector.story .job-title{top:68%;font-size:3.2cqw}.selector.story .jobs{top:73%}.selector.story .cta{top:82%}
.selector.wide .brand{top:5%;bottom:auto;right:3%;left:auto;width:15.6%;height:17%}
.selector.wide h1{top:8%;left:35%;right:22%;font-size:3.4cqw}.selector.wide h1 span{font-size:2.45cqw;margin-top:5px}
.selector.wide .product-still{left:2%;top:7%;width:29%;height:79%;padding:8px}
.selector.wide .job-title{top:48%;left:35%;right:3%;font-size:1.45cqw;text-align:left}



.selector.wide .fine{left:2%;right:70%;bottom:2%;font-size:.75cqw;text-align:left}

/* Observed official STIHL web typography; private candidate use, not a licensing determination. */
@font-face{font-family:STIHL Display;src:url('assets/STIHLContrafaceDisplayTitling.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:STIHL Text;src:url('assets/STIHLContrafaceText.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:STIHL Bold;src:url('assets/STIHLContrafaceDigitalText-Bold.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
:root{--display:"STIHL Display",Arial,Helvetica,sans-serif;--body:"STIHL Text",Arial,Helvetica,sans-serif}.offer,.selector h1{font-family:var(--display);font-weight:400;letter-spacing:0}.cta,.selector .jobs button{font-family:"STIHL Bold",Arial,sans-serif;font-weight:400}.selector .job-title{font-weight:400}

.selector h1{font-size:10.3cqw}.selector h1 span{font-family:var(--body);font-size:6.2cqw;line-height:1.2;letter-spacing:0;max-width:95%}.selector.feed h1,.selector.story h1{font-size:10cqw}.selector.feed h1 span,.selector.story h1 span{font-size:5.2cqw;max-width:85%;line-height:1.2}.selector.wide h1{font-size:3.8cqw;right:22%}.selector.wide h1 span{font-size:1.75cqw;max-width:none;white-space:nowrap;margin-top:8px}.selector:not(.wide) .jobs{top:72%}.selector.feed .jobs{top:79%}.selector.story .jobs{top:72%}

.selector h1,.selector.feed h1,.selector.story h1{font-size:7.8cqw}.selector.wide h1{font-size:3.8cqw}.selector .product-still{overflow:hidden;display:flex;align-items:center;justify-content:center}.selector .product-still .mower{display:block;width:100%;height:100%;object-fit:contain;flex-shrink:0}.selector .product-still .mower[data-product="cut"]{transform:scale(1.7)}
.selector.feed .product-still{top:46%;height:26%}.selector.feed h1 span,.selector.story h1 span{font-size:4.2cqw;max-width:100%}.selector.story .product-still{top:43%;height:23%}

/* Wide selector: choice row and next action share the image bottom baseline. */
.selector.wide .jobs{top:69%;height:17%;left:35%;right:27%;gap:6px}.selector.wide .jobs button{font-size:1.2cqw;padding:6px 0}.selector.wide .cta{top:69%;left:77%;right:3%;height:17%;min-height:0;font-size:1.3cqw;padding:6px}

/* User-supplied JPEGs are shown whole and byte-identical. Selector orange matches their observed corner RGB. */
.ad.selector{--orange:#f37a1f;background:#f37a1f}.selector .product-still{background:#f37a1f;padding:0}.selector .product-still .mower,.selector .product-still .mower[data-product="cut"]{width:100%;height:100%;object-fit:contain;transform:none}

/* Static work ads describe the range; only interactive HTML shows controls. */
.work-list{display:none}.selector.static .work-list{display:block;position:absolute;left:8%;right:8%;top:72%;margin:0;font:400 3.7cqw/1.3 "STIHL Bold",Arial,sans-serif;letter-spacing:.015em;text-align:center}.selector.static.wide .work-list{left:35%;right:27%;top:72%;font-size:1.2cqw;text-align:left}
.selector .product-still .mower[data-product="cut"]{transform:scale(1.35)}
/* Purpose-built social compositions, using the supplied orange product artwork. */
.social-master{background:#f37a1f;padding:calc(var(--w)*.059);display:grid;grid-template-rows:17% 20% 47% 16%;isolation:isolate}
.social-lockup{display:flex;align-items:center;justify-content:space-between;gap:4%;position:relative;z-index:2}
.social-sign{position:relative;width:68%;height:100%}.social-sign img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.social-brand{width:21%;height:auto;align-self:flex-start;margin-top:3%}
.social-offer{align-self:center;position:relative;z-index:2}.social-offer>span{font:400 5.2cqw/1 "STIHL Display",Arial,sans-serif;display:block;margin-bottom:1cqw}.social-offer h1{font:400 22.5cqw/.9 "STIHL Display",Arial,sans-serif;letter-spacing:-.015em;white-space:nowrap;margin:0}
.social-product{position:relative;overflow:hidden;margin:0 -6.7%;isolation:isolate}.social-product img{position:absolute;width:140%;max-width:none;height:auto;left:50%;top:50%;transform:translate(-50%,-50%)}
.social-master.mow .social-product img{width:100%;height:100%;object-fit:contain}
.social-footer{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;gap:2cqw}
.social-model{font:400 4cqw/1.15 "STIHL Bold",Arial,sans-serif;margin:0}
.social-action{font:400 4.4cqw/1.15 "STIHL Bold",Arial,sans-serif;display:flex;justify-content:space-between;align-items:center;border-top:3px solid #191918;padding-top:2cqw;margin:0;letter-spacing:.015em}.social-action span{font-size:6cqw;line-height:.7}
.social-terms{font:400 1.9cqw/1.3 "STIHL Text",Arial,sans-serif;margin:0;max-width:90%}
.social-master.story{padding:calc(var(--h)*.10) calc(var(--w)*.059);grid-template-rows:18% 20% 45% 17%}.social-master.story .social-offer h1{font-size:22.5cqw}.social-master.story .social-footer{gap:3cqw}

.social-master.cut .mow-photo,.social-master.mow .cut-photo{display:none}

.social-master{grid-template-columns:minmax(0,1fr)}.social-master>*{min-width:0}.social-offer h1,.social-master.story .social-offer h1{font-size:21cqw}

.social-master.cut .social-product img{transform:translate(-50%,-55%)}