/* Forest desk range: Stump, Quill, Mobile (8 Nov 2026). "Every desk deserves a little forest." Built on the site tokens. */
.fdx{--fdx-ground:var(--bq-plaster);--fdx-quiet:var(--bq-plaster-2);color:var(--bq-ink);background:var(--fdx-ground)}
.fdx [hidden]{display:none!important}
.fdx h1,.fdx h2{font-family:var(--bq-serif);font-weight:300;letter-spacing:-.025em;line-height:1.1;text-wrap:balance}.fdx p{text-wrap:pretty}
.fdx ::selection{background:var(--bq-green);color:var(--bq-ink)}.fdx a{text-underline-offset:4px}.fdx *{scrollbar-color:var(--bq-ink) transparent}
.fdx h2{font-size:clamp(32px,3.8vw,52px);margin:0 0 20px}.fdx h2 em{font-style:italic;color:var(--bq-soft)}
.fdx h3{font-size:var(--bq-t1);font-weight:500;line-height:1.3;margin:0 0 10px}
.bq .fdx p{max-width:65ch;margin:0 0 1em}.bq .fdx .fdx-chips__label,.bq .fdx .fdx-offer p,.bq .fdx .fdx-controls p,.bq .fdx .fdx-zoom p{margin-bottom:0}.bq .fdx .fdx-hero__copy p{margin-bottom:14px}.bq .fdx-zoom p{margin:8px auto}.fdx figure{margin:0}.fdx img{display:block;max-width:100%;height:auto}
.fdx :focus-visible{outline:3px solid var(--bq-ink);outline-offset:3px}
.fdx-band{width:min(var(--bq-max),100% - var(--bq-gut)*2);margin-inline:auto;padding:clamp(36px,5vw,64px) 0;border-top:1px solid var(--bq-line)}

/* The opening: a full-width lifestyle scene with a dark scrim under real HTML text */
.fdx-hero{position:relative;width:100%;aspect-ratio:16/9;min-height:560px;max-height:960px;background:var(--bq-ink);isolation:isolate;overflow:hidden}
.fdx-hero picture,.fdx-hero picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fdx-hero::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(7,30,32,.78) 0%,rgba(7,30,32,.4) 42%,transparent 75%)}
.fdx-hero__copy{position:relative;z-index:2;color:#fff;padding:clamp(28px,6vw,96px);width:min(62%,780px);min-height:100%;display:flex;flex-direction:column;justify-content:center}
.fdx-hero__copy p{color:#fff;margin:0 0 12px}
.fdx-ideology{font:300 clamp(20px,2vw,26px)/1.3 var(--bq-serif)}
.fdx-hero .fdx-h1{font-family:var(--bq-serif);font-weight:300;letter-spacing:-.025em;line-height:1.1;font-size:clamp(40px,5.4vw,84px);max-width:13ch;margin:6px 0 20px;color:#fff}
.fdx-lead{font-size:clamp(16px,1.6vw,21px);max-width:40ch;line-height:1.5}
.fdx-price{font-weight:600}.bq .fdx .fdx-hero__copy .fdx-code{font-size:var(--bq-small);opacity:.85;margin:-6px 0 0}

@keyframes fdx-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.fdx-hero__copy>*{animation:fdx-rise .7s cubic-bezier(.2,.7,.2,1) both}.fdx-hero__copy>*:nth-child(2){animation-delay:.08s}.fdx-hero__copy>*:nth-child(3){animation-delay:.16s}.fdx-hero__copy>*:nth-child(4){animation-delay:.24s}

/* The offer bar under the opening: versions, rate, the one Add to brief */
.fdx-offer{border-bottom:1px solid var(--bq-line);background:var(--fdx-quiet)}
.fdx-offer__in{width:min(var(--bq-max),100% - var(--bq-gut)*2);margin-inline:auto;padding:22px 0;display:grid;grid-template-columns:1fr auto;gap:10px 40px;align-items:center}
.fdx-chips{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.fdx-chips__label{margin:0 6px 0 0;font-size:var(--bq-small);color:var(--bq-soft)}
.fdx-chips .bq-chip{display:inline-flex;gap:8px;align-items:center;min-height:44px;padding:8px 16px;cursor:pointer;border:1px solid var(--bq-line);border-radius:var(--bq-pill);background:var(--bq-plaster);font:inherit;color:inherit}
.fdx-chips .bq-chip small{color:var(--bq-soft)}
.fdx-chips .bq-chip span{color:var(--bq-ink)}.fdx-chips .bq-chip[aria-pressed=true]{background:var(--bq-green-soft);border-color:var(--bq-green);font-weight:600;color:var(--bq-ink)}
.fdx-offer__price{margin:0;font-size:var(--bq-t1);font-weight:500}.fdx-offer__min{margin:0;color:var(--bq-soft);font-size:var(--bq-small);grid-column:1}
.fdx-actions{display:flex;gap:10px;flex-wrap:wrap;grid-column:2;grid-row:2/4}.fdx-actions .bq-btn{min-height:48px}

/* The idea */
.fdx-story__panel{display:grid;grid-template-columns:5fr 6fr;gap:clamp(24px,5vw,72px);align-items:start}
.fdx-founder h2{font-size:clamp(34px,4vw,56px)}.fdx-story__panel>div:last-child{font-size:var(--bq-lead);padding-top:8px}.bq .fdx .fdx-soft{font-size:var(--bq-small);color:var(--bq-soft)}

/* Real plants. Real flowers. */
.fdx-nature{background:var(--fdx-quiet);width:100%;padding-inline:max(var(--bq-gut),calc((100% - var(--bq-max))/2))}
.fdx-real{display:grid;grid-template-columns:1fr 2fr;align-items:end;column-gap:50px;margin-bottom:28px}
.fdx-real h2{grid-column:2;grid-row:1;font-size:clamp(52px,7.4vw,92px);margin:0;letter-spacing:-.035em}
.fdx-real p{grid-column:1;grid-row:1;font-size:var(--bq-lead)}
.fdx-macro .fdx-photo{aspect-ratio:4/3}.fdx-macro img{width:100%;height:100%;object-fit:contain}
.fdx-care{font-size:var(--bq-lead);margin:20px 0 0}
.fdx-link{margin:18px 0 0}

/* What arrives */
.fdx-intro{font-size:var(--bq-lead);color:var(--bq-soft);margin:0 0 28px}
.fdx-plate{margin:0 0 28px}.fdx-plate .fdx-photo{max-height:820px}.fdx-plate img{width:100%;max-height:820px;object-fit:contain;aspect-ratio:4/3;background:var(--bq-plaster)}
.fdx-parts__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:24px;margin:0 0 20px}
.fdx-parts__list>div{border-top:2px solid var(--bq-green);padding-top:18px}.fdx-parts__list p{color:var(--bq-soft);font-size:var(--bq-small)}
.fdx-size{font-size:var(--bq-lead)}
.fdx-rate{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px 40px;margin:20px 0 0;padding-top:20px;border-top:1px solid var(--bq-line)}
.fdx-rate dt{font-size:var(--bq-small);color:var(--bq-soft)}.fdx-rate dd{margin:4px 0 0}

/* Photographs and custom views: manual sliders, no autoplay */
.fdx-photo{display:block;width:100%;border:0;padding:0;background:var(--fdx-quiet);cursor:zoom-in;overflow:hidden;border-radius:var(--bq-r)}
.fdx-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin}
.fdx-track>figure{flex:0 0 100%;min-width:0;scroll-snap-align:start}
.fdx-track .fdx-photo{max-width:min(100%,600px);aspect-ratio:1;margin:auto;background:#fff}
.fdx-track .fdx-photo img{width:100%;height:100%;object-fit:contain}
.fdx-controls{display:flex;align-items:center;justify-content:center;gap:24px;margin:16px 0}
.fdx-controls p{margin:0;min-width:70px;text-align:center}
.fdx-controls button,.fdx-filters button{font:inherit;min-height:44px;border:1px solid var(--bq-ink);background:transparent;color:var(--bq-ink);padding:8px 20px;border-radius:var(--bq-r);cursor:pointer}
.fdx-controls button:disabled{opacity:.35;cursor:default}.fdx-controls button:not(:disabled):hover,.fdx-filters button[aria-pressed=true]{background:var(--bq-ink);color:var(--bq-plaster)}
.fdx-thumbs{display:flex;gap:12px;overflow-x:auto;padding:5px}
.fdx-thumbs button{flex:0 0 70px;width:70px;height:70px;border:1px solid var(--bq-line);background:var(--fdx-quiet);padding:2px;cursor:pointer}
.fdx-thumbs button[aria-current=true]{border:2px solid var(--bq-ink)}.fdx-thumbs img{width:100%;height:100%;object-fit:contain}

/* Your logo */
.fdx-brand{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:center}
.fdx-brand__copy h2{font-size:clamp(40px,4.8vw,68px)}.fdx-brand__copy p{color:var(--bq-soft)}.fdx-brand__copy .bq-lead{color:inherit}

/* Every option, and the questions */
.fdx-filters{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}
.fdx-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:24px 20px}
.fdx-cards article{padding-bottom:8px}
.fdx-card__img{display:block;margin-bottom:10px;background:var(--fdx-quiet)}.fdx-card__img img{width:100%;aspect-ratio:1;object-fit:contain}
.fdx-cards h3{font-size:18px}.fdx-cards p{font-size:var(--bq-small);color:var(--bq-soft);margin:0 0 8px}.fdx-card__rate{color:var(--bq-ink)!important}
.fdx details{border-bottom:1px solid var(--bq-line);padding:6px 0}.fdx summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600}.fdx details p{padding:6px 0 14px;color:var(--bq-soft)}
.fdx-end{text-align:left}

/* The viewer */
.fdx-zoom{border:0;border-radius:var(--bq-r);max-width:95vw;max-height:95vh;padding:16px;background:var(--bq-plaster)}
.fdx-zoom::backdrop{background:rgba(10,46,48,.85)}.fdx-zoom img{max-width:calc(95vw - 32px);max-height:calc(82dvh - 90px);object-fit:contain;margin:auto}
.fdx-zoom p{text-align:center;margin:8px auto}.fdx-zoom div{display:flex;gap:10px;justify-content:center}
.fdx-zoom button{font:inherit;min-height:44px;min-width:84px;border:1px solid var(--bq-ink);background:transparent;color:var(--bq-ink);border-radius:var(--bq-r);cursor:pointer}

@media(max-width:900px){.fdx-story__panel,.fdx-brand{grid-template-columns:1fr;gap:32px}.fdx-real{grid-template-columns:1fr;gap:20px}.fdx-real h2,.fdx-real p{grid-column:1;grid-row:auto}.fdx-hero__copy{width:68%}}
@media(max-width:650px){
 .fdx-hero{aspect-ratio:9/16;min-height:0;max-height:none}
 .fdx-hero::after{background:linear-gradient(180deg,rgba(7,30,32,.86) 0%,rgba(7,30,32,.5) 42%,transparent 70%)}
 .fdx-hero__copy{width:100%;padding:26px var(--bq-gut);justify-content:flex-start}
 .fdx-hero .fdx-h1{font-family:var(--bq-serif);font-weight:300;letter-spacing:-.025em;line-height:1.1;font-size:clamp(34px,10vw,42px);max-width:15ch;margin:6px 0 12px}.fdx-lead{font-size:16px;max-width:34ch}.fdx-ideology{font-size:19px}
 .fdx-offer__in{grid-template-columns:1fr}.fdx-actions{grid-column:1;grid-row:auto}.fdx-actions .bq-btn{flex:1 1 auto}
 .fdx-macro{margin-inline:calc(var(--bq-gut)*-1)}.fdx-macro .fdx-photo{border-radius:0}.fdx-plate{margin-inline:calc(var(--bq-gut)*-1)}
 .fdx-real h2{font-size:clamp(52px,15vw,84px)}.fdx-controls{gap:14px}.fdx-controls button{padding:8px 14px}
 .fdx-cards{grid-template-columns:1fr 1fr;gap:18px}.fdx-parts__list{grid-template-columns:1fr 1fr;gap:16px}.fdx-parts__list>div{padding-top:12px}.fdx-parts__list h3{font-size:17px}
}
@media(max-width:359px){.fdx-hero__copy{padding:20px 16px}.fdx-hero .fdx-h1{font-family:var(--bq-serif);font-weight:300;letter-spacing:-.025em;line-height:1.1;font-size:32px}}
@media(prefers-reduced-motion:reduce){.fdx *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}