/* Progressive product enhancement. No assets are requested by the catalogue. */
.ff-product-burger{--ff-cream:#fff4df;--ff-gold:#ffcc25}
.ff-product-scene{position:relative;color:var(--ff-cream);background:#201915;isolation:isolate}
.ff-product-pin{position:relative;min-height:650px;padding:80px max(28px,calc((100vw - 1240px)/2)) 60px;display:grid;grid-template-columns:42% 58%;align-items:center;background:radial-gradient(ellipse at 66% 46%,#583016 0,transparent 55%),#201915}
.ff-product-scene.is-ready:not(.is-static){height:230svh}
.ff-product-scene.is-ready:not(.is-static) .ff-product-pin{position:absolute;top:0;left:0;width:100%;height:100svh;min-height:0}
.ff-product-scene.is-ready.is-pinned:not(.is-static) .ff-product-pin{position:fixed;top:0;left:0;right:0;z-index:40}
.ff-product-scene.is-ready.is-past:not(.is-static) .ff-product-pin{top:auto;bottom:0}
.ff-product-shortcuts{position:absolute;inset:18px 28px auto;display:flex;justify-content:space-between;align-items:center;gap:12px;z-index:20}
.ff-product-shortcuts a{display:inline-flex;align-items:center;min-height:44px;padding:8px 15px;border:1px solid #ffe6b747;border-radius:28px;background:#201915e6;color:#ffe6b7!important;font-size:12px;font-weight:750;text-decoration:none!important}
.ff-product-shortcuts a:hover{background:#654020}
.ff-product-copy{position:relative;padding-right:24px;z-index:10}
.ff-product-kicker{color:var(--ff-gold);font-size:11px;letter-spacing:2px;font-weight:800;margin:0 0 20px}
.ff-product-copy h1{color:var(--ff-cream);font-size:clamp(44px,6vw,86px);line-height:.98;letter-spacing:-.055em;font-weight:900;margin:0 0 22px;text-transform:none;overflow-wrap:normal}
.ff-product-copy h1:after{display:none!important}
.ff-product-price{color:var(--ff-gold);font-size:30px;font-weight:850;margin-bottom:25px}
.ff-product-invitation{color:#d5c5b5;font-size:19px;line-height:1.5;margin:0 0 25px}
.ff-product-detail-link{color:var(--ff-cream)!important;text-decoration:underline;text-underline-offset:6px;font-size:14px;padding:10px 0;display:inline-block}
.has-focus .ff-product-copy{pointer-events:none}
.ff-product-visual{position:relative;width:100%;max-width:680px;min-width:0;align-self:center;transform-origin:0 0;z-index:3}
.is-ready:not(.is-static) .ff-product-visual{will-change:transform}
.ff-product-stage{position:relative;width:100%;aspect-ratio:2/3;margin:0!important;overflow:visible}
.ff-product-photo{position:absolute;inset:4%;display:grid;place-items:center}
.ff-product-photo img{width:100%;height:100%;max-height:none;object-fit:contain;border-radius:20px}
.ff-product-layers{position:absolute;inset:0;visibility:hidden}
.is-ready:not(.is-static) .ff-product-layers{visibility:visible}
.is-ready:not(.is-static) .ff-product-photo{visibility:hidden}
.ff-product-layer{position:absolute;left:50%;top:50%;width:var(--ff-layer-width,100%);transform:translate(-50%,-50%);pointer-events:none}
.is-ready:not(.is-static) .ff-product-layer{will-change:transform}
.ff-product-piece{display:block;width:100%;background-repeat:no-repeat;background-size:100% auto;filter:drop-shadow(0 8px 7px #0002)}
.ff-product-label{position:absolute;left:75%;top:50%;width:25%;padding-left:12px;z-index:9;color:#fff0d9;font-size:clamp(11px,1.05vw,15px);font-weight:750;line-height:1.35;opacity:0;pointer-events:none}
.ff-product-label:before{content:"";position:absolute;left:0;top:50%;width:7px;height:1px;background:var(--ff-gold)}
.ff-product-label span{background:#201915c9;box-shadow:4px 0 8px #20191577;border-radius:3px}
.ff-product-caption{display:flex;align-items:baseline;justify-content:center;gap:18px;color:#f5e4cb;font-size:14px;font-weight:800;letter-spacing:.02em;position:relative;z-index:10;margin-top:10px}
.ff-product-caption>span:last-child{color:var(--ff-gold);white-space:nowrap}
.ff-product-scroll-hint{display:none;position:absolute;bottom:18px;left:50%;transform:translateX(-50%);align-items:center;gap:14px;color:#cabbab;font-size:11px;white-space:nowrap;margin:0}
.is-ready:not(.is-static) .ff-product-scroll-hint{display:flex}
.ff-product-details{display:grid;grid-template-columns:1fr 1.15fr;gap:60px;align-items:center;max-width:1140px;margin:auto;padding:70px 24px;scroll-margin-top:24px}
.ff-product-details h2{font-size:clamp(30px,4vw,46px);line-height:1.08;letter-spacing:-.045em;margin:12px 0 24px;font-weight:900}
.ff-product-real-photo img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:22px;background:#fff}
.ff-product-other{display:block;color:#8a211f;font-weight:750;margin-top:24px;text-underline-offset:5px}
@media(min-width:761px) and (max-height:800px){.ff-product-visual{width:min(100%,calc((100svh - 150px)/1.5));justify-self:center}.ff-product-copy h1{font-size:clamp(38px,7vh,70px)}}
@media(max-width:760px){
 .ff-product-pin{padding:78px 20px 46px;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:8px}
 .ff-product-scene.is-ready:not(.is-static){height:220svh}
 .ff-product-scene.is-ready:not(.is-static) .ff-product-pin{padding:70px 20px 38px}
 .ff-product-shortcuts{inset:12px 14px auto;gap:8px}.ff-product-shortcuts a{font-size:11px;padding:7px 11px}
 .ff-product-copy{width:100%;padding:0;flex:0 0 auto}
 .ff-product-kicker{font-size:9px;letter-spacing:1.5px;margin:0 0 9px}
 .ff-product-copy h1{font-size:clamp(32px,8.6vw,48px);line-height:1.02;margin:0 0 10px}
 .ff-product-price{font-size:22px;margin:0 0 8px}.ff-product-invitation{display:none}.ff-product-detail-link{display:none}
 .ff-product-visual{flex:0 1 auto;width:min(100%,max(220px,calc((100svh - 270px)/1.5)));margin:auto;align-self:center}
 .ff-product-label{font-size:11px;padding-left:8px;line-height:1.25}.ff-product-label:before{width:4px}
 .ff-product-caption{font-size:12px;gap:14px;margin-top:4px}
 .ff-product-scroll-hint{font-size:10px;bottom:13px;gap:7px}
 .ff-product-details{grid-template-columns:1fr;padding:38px 22px;gap:28px}.ff-product-real-photo{max-width:420px;margin:auto}
}
@media(max-width:360px){.ff-product-label{font-size:10px}.ff-product-pin{padding-inline:14px}.ff-product-scroll-hint{font-size:9px}}
@media(prefers-reduced-motion:reduce){.ff-product-scene{height:auto!important}.ff-product-pin{position:relative!important;height:auto!important;min-height:0}.ff-product-layers,.ff-product-scroll-hint{display:none!important}.ff-product-photo{visibility:visible!important}}
