/* Pointer effects are scoped to builder sections; scroll is isolated only inside each demo surface. */
.bpx-section{--bpx-accent:#b7653f;--bpx-night:#2b1e18;--bpx-paper:#f6ecd9;--bpx-line:#c4ac8a;border-top:1px solid var(--bp-line);overflow:hidden}
.bpx-refined{--bpx-accent:#587667;--bpx-night:#142b24;--bpx-paper:#f2eee4;--bpx-line:#a9b9ab}
.bpx-bold{--bpx-accent:#ff9e86;--bpx-night:#171d31;--bpx-paper:#f6ede2;--bpx-line:#6371a0}
.bpx-heading{margin-bottom:28px}.bpx-refined .bpx-heading h2{font-family:Georgia,serif}.bpx-bold .bpx-heading h2{font-size:clamp(40px,5vw,70px);letter-spacing:-.06em}
.bpx-surface{position:relative;isolation:isolate;overflow:hidden;min-height:390px;touch-action:pinch-zoom;user-select:none;-webkit-user-select:none;outline-offset:5px;max-width:100%;border:1px solid var(--bpx-line)}
.bpx-surface:focus-visible{outline:3px solid var(--bpx-accent)}
.bpx-controls{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
.bpx-controls button{min-height:44px;padding:10px 16px;border:1px solid var(--bp-line);border-radius:0;background:transparent;color:inherit;font:inherit;font-size:12px;cursor:pointer}
.bpx-controls button:hover{border-color:var(--bpx-accent);background:color-mix(in srgb,var(--bpx-accent) 12%,transparent)}
.bpx-controls button:focus-visible{outline:2px solid var(--bpx-accent);outline-offset:3px}
.bpx-controls button:disabled{opacity:.5;cursor:default;background:transparent}
.bpx-instructions{font-size:11px!important;line-height:1.6!important;color:var(--bp-soft);margin:12px 0 0!important;min-height:18px}
.bpx-particles{background:radial-gradient(ellipse at 65% 65%,#623c28,var(--bpx-night) 65%);color:var(--bpx-paper);border:0;cursor:crosshair}
.bpx-particles canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.bpx-particle-composition{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.bpx-surface-caption{position:absolute;left:7%;right:7%;bottom:12%;z-index:3;pointer-events:none;max-width:75%}
.bpx-surface-caption>span{display:block;font-size:9px;letter-spacing:.17em;margin-bottom:16px;color:#e8c9ad}
.bpx-surface-caption>strong{display:block;font:clamp(29px,4vw,49px)/1.08 Georgia,serif;max-width:380px;text-shadow:0 2px 20px #0008}
.bpx-steam-ring{position:absolute;right:9%;top:12%;width:250px;height:250px;border:1px solid #c68d6160;border-radius:50%;transform:rotate(-30deg) scaleX(.6)}
.bpx-steam-ring:nth-child(2){right:15%;top:-8%;width:340px;height:340px;transform:rotate(24deg) scaleX(.55)}
.bpx-coffee-disc{position:absolute;right:11%;bottom:8%;width:200px;height:85px;background:radial-gradient(ellipse,#ca915a20 20%,#e4b47b40 22%,transparent 24%,transparent 50%,#d3a37824 51%,transparent 52%);border-radius:50%;transform:rotate(-10deg)}
.bpx-refined .bpx-particles{background:linear-gradient(150deg,#10271f,#29473b)}
.bpx-refined .bpx-surface-caption>span{color:#b8d0be}
.bpx-plan{position:absolute;border:1px solid #9fb5a650;background:#8da69207;transform:skewY(-15deg)}
.bpx-plan-one{width:50%;height:60%;right:8%;top:12%}.bpx-plan-two{width:28%;height:42%;right:15%;top:24%}.bpx-plan-three{width:60%;height:32%;right:3%;top:34%;border-top-color:#b3c9ba80;border-bottom-color:#b3c9ba80}
.bpx-bold .bpx-particles{background:#171d31}
.bpx-bold.bpx-ink-section{padding:0;border:0;background:#050505;color:#f7f3eb;scroll-margin-top:0}
.bpx-bold .bpx-ink-field{position:relative;isolation:isolate;background:#050505;min-height:max(850px,100svh);padding:75px 7% 27px;display:flex;flex-direction:column;justify-content:space-between;gap:100px}
.bpx-bold .bpx-ink-canvas{position:absolute;inset:0;min-height:0;background:transparent;border:0;max-width:none;z-index:0;outline-offset:-4px}
.bpx-ink-copy,.bpx-ink-bottom{position:relative;z-index:1;text-shadow:0 1px 4px #000,0 0 18px #000,0 0 36px #000}
.bpx-ink-copy{align-self:start;max-width:660px;touch-action:pan-y pinch-zoom}
.bpx-ink-copy .bp-kicker{margin-bottom:25px;color:#e3e1dc}
.tds-builder-preview .bpx-ink-copy h2{font:400 clamp(76px,10.6vw,132px)/.91 Arial,Helvetica,sans-serif;letter-spacing:-.075em;margin:0 0 30px}
.bpx-ink-copy h2 em{font:inherit;letter-spacing:inherit;color:#f5dd83}
.tds-builder-preview .bpx-ink-copy p{font-size:clamp(15px,1.8vw,20px);line-height:1.6;color:#e6e3dc}
.bpx-ink-bottom{pointer-events:none}
.bpx-ink-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;pointer-events:auto;touch-action:pan-y pinch-zoom}
.bpx-ink-examples article{border-top:1px solid #ffffff45;padding-top:18px}
.bpx-ink-examples article>span{font-size:9px;letter-spacing:.12em;color:#ddd9cf}
.tds-builder-preview .bpx-ink-examples h3{font:400 25px/1.15 Arial,Helvetica,sans-serif;letter-spacing:-.04em;margin:12px 0}
.tds-builder-preview .bpx-ink-examples p{font-size:12px;line-height:1.7;color:#e1ded6;max-width:280px}
.bpx-ink-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:30px}
.bpx-ink-toolbar .bpx-controls{margin:0;pointer-events:auto}
.bpx-ink-toolbar .bpx-controls button{background:#080808b3;border-color:#ffffff59;color:#f4f1e9;font-size:11px}
.bpx-ink-field .bpx-instructions{color:#d1cfc7;font-size:10px!important;pointer-events:auto;touch-action:pan-y pinch-zoom}
.bpx-ink-legend{display:flex;gap:18px;pointer-events:none}
.bpx-ink-legend>span{display:flex;align-items:center;gap:7px;color:#d5d5d5;font:9px/1.5 Arial,sans-serif;letter-spacing:.09em}
.bpx-ink-legend i{width:6px;height:6px;border-radius:50%;background:#0fcdf5}.bpx-ink-legend>span:nth-child(2) i{background:#f93690}.bpx-ink-legend>span:nth-child(3) i{background:#ffd837}
@media(max-width:700px){.bpx-bold .bpx-ink-field{min-height:900px;padding:60px 7% 25px;gap:75px}.tds-builder-preview .bpx-ink-copy h2{font-size:clamp(65px,18vw,100px);margin-bottom:25px}.bpx-ink-copy .bp-kicker{font-size:8px;letter-spacing:.1em}.tds-builder-preview .bpx-ink-copy p{font-size:14px}.bpx-ink-examples{grid-template-columns:1fr;gap:25px}.bpx-ink-examples article{padding-top:15px}.tds-builder-preview .bpx-ink-examples h3{font-size:25px;margin:9px 0}.tds-builder-preview .bpx-ink-examples p{max-width:330px}.bpx-ink-toolbar{align-items:start;flex-direction:column;gap:20px}.bpx-ink-legend{gap:18px}.bpx-ink-legend>span{font-size:8px}.bpx-ink-field .bpx-instructions{max-width:330px;line-height:1.8!important}}
.bpx-bold .bpx-surface-caption>strong{font-family:Arial,Helvetica,sans-serif;font-weight:600;letter-spacing:-.055em;max-width:340px}
.bpx-bold .bpx-surface-caption>span{color:#ffd1bd}
.bpx-print-circle{position:absolute;width:300px;height:300px;right:-3%;top:-16%;background:#354bb5;border-radius:50%}
.bpx-print-word{position:absolute;right:5%;top:25%;font:bold clamp(70px,13vw,170px)/1 Arial,sans-serif;letter-spacing:-.1em;color:transparent;-webkit-text-stroke:1px #ff9e8670;transform:rotate(-12deg)}
.bpx-print-corner{position:absolute;right:8%;bottom:8%;font:60px/1 Arial,sans-serif;color:#ff9e86}
.bpx-spotlight{--bpx-light-x:25%;--bpx-light-y:45%;--bpx-beam:98px;background:#101510;color:#f2e9d7;cursor:crosshair;border:0;min-height:420px}
.bpx-spot-text{position:absolute;left:7%;top:13%;max-width:58%;pointer-events:none;z-index:2}
.bpx-spot-text>span{font-size:9px;letter-spacing:.15em;color:#b5b5a0}
.bpx-spot-text>strong{display:block;font:clamp(28px,4vw,47px)/1.12 Georgia,serif;max-width:380px;margin-top:20px;color:#e6dec8}
.bpx-light{position:absolute;inset:0;background:radial-gradient(circle var(--bpx-beam) at var(--bpx-light-x) var(--bpx-light-y),#f6d59355 0%,#cbb87b28 45%,transparent 100%);pointer-events:none;z-index:1}
.bpx-secret-layer{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at 74% 58%,#7d684322,transparent 45%);mask-image:radial-gradient(circle var(--bpx-beam) at var(--bpx-light-x) var(--bpx-light-y),#000 58%,transparent 100%);-webkit-mask-image:radial-gradient(circle var(--bpx-beam) at var(--bpx-light-x) var(--bpx-light-y),#000 58%,transparent 100%)}
.bpx-secret{position:absolute;left:74%;top:58%;transform:translate(-50%,-50%);width:190px;display:flex;align-items:center;flex-direction:column;text-align:center;gap:12px;color:#ffefc1}
.bpx-secret>strong{font:18px/1.2 Georgia,serif}.bpx-secret>small{font-size:7px;letter-spacing:.12em;line-height:1.5}
.bpx-spot-hint{position:absolute;left:7%;bottom:10%;font-size:9px;letter-spacing:.14em;pointer-events:none;color:#adae93}
.bpx-egg-cup{width:59px;height:45px;background:#e9d4a7;border-radius:4px 4px 24px 24px;position:relative;box-shadow:0 8px 20px #0004}
.bpx-egg-cup:before{content:'';position:absolute;width:24px;height:25px;border:6px solid #e9d4a7;right:-18px;top:3px;border-radius:50%;z-index:-1}
.bpx-egg-cup:after{content:'';position:absolute;inset:3px 4px auto;height:10px;background:#85502c;border-radius:50%}
.bpx-egg-cup i{position:absolute;width:12px;height:22px;left:23px;top:-30px;border-left:2px solid #e9d4a7;border-radius:50%;transform:rotate(15deg)}
.bpx-refined .bpx-spotlight{background:#081a13}
.bpx-refined .bpx-light{background:radial-gradient(circle var(--bpx-beam) at var(--bpx-light-x) var(--bpx-light-y),#daedbd50 0%,#b4d39b24 45%,transparent 100%)}
.bpx-egg-courtyard{width:83px;height:58px;border:2px solid #bfceb0;position:relative;transform:skewY(-12deg);background:#a4bd8c22}
.bpx-egg-courtyard:before{content:'';position:absolute;width:23px;height:38px;background:#b7c79b;left:8px;bottom:6px}.bpx-egg-courtyard:after{content:'';position:absolute;width:23px;height:23px;border:2px solid #d8dfbf;border-radius:50%;right:9px;top:8px}.bpx-egg-courtyard i:first-child{position:absolute;inset:10px -12px -10px 12px;border:1px solid #b7c79b70}
.bpx-bold .bpx-spotlight{background:#080a10}
.bpx-bold .bpx-spot-text>strong{font-family:Arial,Helvetica,sans-serif;letter-spacing:-.04em;font-weight:500}
.bpx-bold .bpx-ink-reveal{min-height:490px;--bpx-beam:145px}
.bpx-ink-reveal .bpx-spot-text{z-index:3;max-width:55%;text-shadow:0 2px 15px #080a10}
.bpx-ink-reveal .bpx-spot-text>span{color:#b8bbc5}
.bpx-bold .bpx-ink-reveal .bpx-spot-text>strong{font-size:clamp(42px,6.5vw,76px);line-height:.98;letter-spacing:-.065em;max-width:420px;color:#f6f0e7}
.tds-builder-preview .bpx-ink-reveal .bpx-spot-text>p{font-size:13px;line-height:1.7;margin-top:25px;color:#d3d1cf}
.bpx-ink-reveal .bpx-secret-layer{z-index:1;background:none;opacity:0;transition:opacity .12s ease-out;mask-image:radial-gradient(circle var(--bpx-beam) at var(--bpx-light-x) var(--bpx-light-y),#000 calc(100% - 9px),transparent 100%);-webkit-mask-image:radial-gradient(circle var(--bpx-beam) at var(--bpx-light-x) var(--bpx-light-y),#000 calc(100% - 9px),transparent 100%)}
.bpx-ink-splash{display:block;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
.bpx-bold .bpx-ink-reveal .bpx-light{display:none}
.bpx-ink-reveal[data-bpx-lit=true] .bpx-secret-layer,.bpx-ink-reveal[data-bpx-lit=true] .bpx-light{opacity:1}
.bpx-ink-reveal .bpx-spot-hint{z-index:3;color:#b8bbc5}
.bpx-ink-reveal-edition{position:absolute;right:7%;bottom:10%;z-index:3;text-align:right;font:9px/1.8 Arial,sans-serif;letter-spacing:.14em;color:#b8bbc5;pointer-events:none}
@media(max-width:700px){.bpx-bold .bpx-ink-reveal{min-height:460px;--bpx-beam:115px}.bpx-ink-reveal .bpx-spot-text{max-width:86%;top:11%}.bpx-bold .bpx-ink-reveal .bpx-spot-text>strong{font-size:45px;max-width:240px}.tds-builder-preview .bpx-ink-reveal .bpx-spot-text>p{font-size:11px;margin-top:18px}.bpx-ink-reveal .bpx-ink-splash{width:155%;max-width:none;transform:translateX(-25%)}.bpx-ink-reveal-edition{font-size:7px}.bpx-ink-reveal .bpx-spot-hint{font-size:8px}}
@media(prefers-reduced-motion:reduce){.bpx-ink-reveal .bpx-secret-layer,.bpx-bold .bpx-ink-reveal .bpx-light{transition:none}}
@media(max-width:300px){.bpx-ink-reveal .bpx-spot-hint{display:none}}
.bpx-tilt{min-height:530px;background:#e6d6bc;display:grid;place-items:center;perspective:1000px;cursor:grab;border:0;padding:38px 30px 54px}
.bpx-tilt:active{cursor:grabbing}
.bpx-object{width:min(340px,100%);position:relative;z-index:1;background:#f8efde;border:1px solid #d0b99a;box-shadow:0 22px 30px -20px #563c3190;transform-style:preserve-3d;will-change:transform;pointer-events:none;backface-visibility:hidden}
.bpx-object-number{display:block;font-size:9px;letter-spacing:.14em;text-transform:uppercase;padding:20px 23px;color:#805634}
.bpx-object-art{height:270px;position:relative;overflow:hidden;transform:translateZ(18px)}
.bpx-object-art>img{width:100%;height:100%;object-fit:contain;position:relative;z-index:1;pointer-events:none}
.bpx-cup-halo{width:200px;height:200px;border:1px solid #bc815b60;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.bpx-object-stamp{position:absolute;right:14px;top:5px;z-index:2;font-size:9px;line-height:1.25;letter-spacing:.08em;text-align:center;width:51px;height:51px;display:grid;place-items:center;background:#ab623e;color:#fff0d2;border-radius:50%;transform:rotate(10deg)}
.bpx-object-copy{display:flex;flex-direction:column;gap:7px;border-top:1px solid #d8c7ad;padding:22px 23px;transform:translateZ(10px)}
.bpx-object-copy strong{font:25px/1.1 Georgia,serif;color:#513d2d;letter-spacing:-.035em}.bpx-object-copy>span{font-size:10px;color:#7c654b}
.bpx-object-shine{position:absolute;inset:0;pointer-events:none;z-index:4;background:radial-gradient(ellipse at var(--bpx-shine-x,50%) 0%,#fff6 0%,transparent 70%);mix-blend-mode:soft-light}
.bpx-tilt-ground{position:absolute;bottom:25px;width:260px;max-width:70%;height:15px;border-radius:50%;background:#5b453322;filter:blur(8px)}
.bpx-refined .bpx-tilt{background:#d7dfd4}.bpx-refined .bpx-object{background:#f4f2e8;border-color:#bcc8b8;box-shadow:0 25px 40px -25px #294438a0}
.bpx-refined .bpx-object-number{color:#536a5b}.bpx-refined .bpx-object-copy{border-color:#cbd2c3}.bpx-refined .bpx-object-copy strong{color:#344b3e}.bpx-refined .bpx-object-copy>span{color:#637767}
.bpx-materials{position:absolute;inset:20px 20px 40px 38px;transform:rotate(-9deg)}
.bpx-material{position:absolute;width:105px;height:175px;box-shadow:4px 9px 12px #27382a25;border:1px solid #aba99570;border-radius:1px}
.bpx-linen{left:0;top:18px;transform:rotate(-12deg);background:repeating-linear-gradient(0deg,#dfd8c9 0px,#dfd8c9 2px,#e9e3d8 3px,#ddd5c5 4px)}
.bpx-oak{left:67px;top:5px;transform:rotate(7deg);background:repeating-linear-gradient(93deg,#b08d65 0px,#bb9b75 4px,#c3a37e 8px,#a5845e 10px)}
.bpx-sage{left:130px;top:22px;transform:rotate(23deg);background:#80967d}
.bpx-material-label{position:absolute;left:24px;bottom:12px;font-size:8px;line-height:1.6;letter-spacing:.1em;color:#576b57}
.bpx-bold .bpx-tilt{background:#344cc1}.bpx-bold .bpx-object{background:#f3ece1;border:0;box-shadow:13px 15px 0 #1e2a77}
.bpx-bold .bpx-object-number{color:#343c57}.bpx-bold .bpx-object-art{height:290px;background:#ded4c8}.bpx-bold .bpx-object-art>img{object-fit:cover}
.bpx-bold .bpx-object-copy{background:#ffac94;border-color:#ffa48c}.bpx-bold .bpx-object-copy strong{font:500 26px/1.05 Arial,sans-serif;letter-spacing:-.05em;color:#252c43}.bpx-bold .bpx-object-copy>span{color:#513d40}.bpx-bold .bpx-object-stamp{background:#344cc1;border-radius:0;color:#fff1e2}
@media(max-width:700px){.bpx-surface{min-height:350px}.bpx-spotlight{min-height:380px;--bpx-beam:86px}.bpx-spot-text{max-width:72%}.bpx-spot-text>strong{font-size:31px;max-width:250px}.bpx-spot-text>span{font-size:8px}.bpx-surface-caption{max-width:82%;left:8%;bottom:10%}.bpx-surface-caption>strong{font-size:35px;max-width:290px}.bpx-surface-caption>span{font-size:8px;max-width:220px;line-height:1.7}.bpx-secret{width:150px}.bpx-secret>strong{font-size:15px}.bpx-secret>small{font-size:6px}.bpx-egg-print{width:64px;height:70px;font-size:60px}.bpx-tilt{padding:32px 22px 45px;min-height:460px}.bpx-object-art{height:220px}.bpx-bold .bpx-object-art{height:230px}.bpx-object-copy{padding:19px}.bpx-object-copy strong{font-size:23px}.bpx-controls{gap:8px}.bpx-controls button{padding:10px 12px;font-size:11px}.bpx-materials{transform:rotate(-8deg) scale(.86);transform-origin:left top;inset:18px 10px 30px 30px}.bpx-print-circle{width:230px;height:230px}.bpx-print-word{font-size:95px;right:8%;top:23%}.bpx-steam-ring{right:-15%;top:5%}.bpx-steam-ring:nth-child(2){right:-8%;top:-15%}}
@media(max-width:380px){.bpx-spot-text>strong{font-size:28px}.bpx-spotlight{--bpx-beam:76px}.bpx-secret{width:130px}.bpx-secret>strong{font-size:13px}.bpx-materials{transform:rotate(-8deg) scale(.72);left:22px}.bpx-object-art{height:200px}.bpx-object-number{font-size:8px;padding:17px}.bpx-controls button{padding:9px 10px}.bpx-print-word{font-size:83px}.bpx-surface-caption>strong{font-size:31px}}
@media(prefers-reduced-motion:reduce){.bpx-object{will-change:auto;transform:none!important}.bpx-surface{touch-action:auto;cursor:default}.bpx-surface *{animation:none!important;transition:none!important}}
/* Leaf lighting is used only when the fabric can receive the same projected shade. */
.bpx-bold .bpx-tote-wall{height:min(680px,92svh);min-height:0;padding:0;display:block;perspective:1100px;cursor:default;background:#e6d8bf url('assets/elsewhere-tote-wall-clean.webp') center/cover no-repeat}
.bpx-bold .bpx-tote-wall[data-bpx-hover=body],.bpx-bold .bpx-tote-wall[data-bpx-hover=strap]{cursor:grab}
.bpx-bold .bpx-tote-wall[data-bpx-held]{cursor:grabbing}
.bpx-bold .bpx-tote-wall[data-bpx-tote-mesh=ready]{background-image:url('assets/elsewhere-tote-wall.webp')}
.bpx-tote-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;visibility:hidden}
.bpx-tote-wall[data-bpx-tote-mesh=ready] .bpx-tote-canvas{visibility:visible}
.bpx-tote-wall[data-bpx-tote-mesh=ready] .bpx-tote,.bpx-tote-wall[data-bpx-tote-mesh=ready] .bpx-tote-shadow{visibility:hidden}
.bpx-bold .bpx-tote-wall[data-bpx-tote-engine=cloth3d]{background-image:url('assets/elsewhere-tote-wall-clean.webp')}
.bpx-tote-wall[data-bpx-tote-engine=cloth3d] .bpx-tote-peg{visibility:hidden}
.bpx-tote-wall[data-bpx-dragging=true]{cursor:grabbing!important}
.bpx-tote-rig{--bpx-tote-pivot-x:50%;--bpx-tote-pivot-y:2.5%;position:absolute;z-index:2;top:30px;left:50%;width:min(400px,78%,calc(61.333svh - 66.667px));aspect-ratio:2/3;transform:translateX(-50%);pointer-events:none;perspective:1100px}
.bpx-bold .bpx-tote-wall .bpx-tote{position:absolute;inset:0;width:100%;height:100%;background:none;border:0;box-shadow:none;transform-origin:var(--bpx-tote-pivot-x) var(--bpx-tote-pivot-y);z-index:2}
.bpx-tote>img,.bpx-tote-shadow>img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;pointer-events:none;-webkit-user-drag:none}
.bpx-tote-shadow{position:absolute;inset:0;width:100%;height:100%;z-index:1;transform-origin:var(--bpx-tote-pivot-x) var(--bpx-tote-pivot-y);pointer-events:none;will-change:transform}
.bpx-tote-shadow>img{transform:translate(17px,21px) scale(1.015);filter:brightness(0) blur(8px);opacity:.24}
.bpx-tote-peg{position:absolute;left:var(--bpx-tote-pivot-x);top:var(--bpx-tote-pivot-y);width:13%;aspect-ratio:1;transform:translate(-50%,-38.889%);z-index:3;pointer-events:none}
.bpx-tote-peg img{display:block;width:100%;height:100%;max-width:none}
.bpx-tote-label{position:absolute;z-index:3;left:28px;right:28px;bottom:25px;color:#473a2d;display:flex;align-items:baseline;justify-content:space-between;gap:12px;pointer-events:none}
.bpx-tote-label strong{font-size:13px;font-weight:500;letter-spacing:.03em}.bpx-tote-label span,.bpx-tote-label small{font-size:9px;letter-spacing:.13em;text-transform:uppercase;opacity:.8}
@media(max-width:700px){.bpx-bold .bpx-tote-wall{height:min(540px,88svh)}.bpx-tote-rig{top:30px;width:min(320px,82%,calc(58.667svh - 66.667px))}.bpx-tote-shadow>img{transform:translate(11px,16px) scale(1.015);filter:brightness(0) blur(6px)}.bpx-tote-label{left:20px;right:20px;bottom:23px;flex-direction:column;gap:5px}.bpx-tote-label strong{font-size:12px}.bpx-tote-label span{font-size:8px}}
@media(max-width:380px){.bpx-bold .bpx-tote-wall{height:min(490px,88svh)}.bpx-tote-rig{top:24px}}
@media(prefers-reduced-motion:reduce){.bpx-tote-shadow{will-change:auto;transform:none!important}.bpx-bold .bpx-tote-wall[data-bpx-hover],.bpx-bold .bpx-tote-wall[data-bpx-held]{cursor:default}}

/* An immersive architectural study; the full-width drawing stays separate from scrollable copy. */
.bpx-refined.bpx-architecture-section{
  --bpx-accent:#d7c297;--bpx-night:#111b18;--bpx-paper:#f1eee4;--bpx-line:#45534a;
  --bp-soft:#b9c0b5;--bp-line:#45534a;
  display:grid;grid-template-columns:minmax(0,1fr);gap:0;
  padding:0;background:#111b18;color:#f1eee4;border-color:#39473e;
}
.bpx-architecture-section>.bpx-architecture-intro{min-width:0;display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);column-gap:7%;row-gap:18px;align-items:end;touch-action:pan-y pinch-zoom;padding:56px 7% 12px}
.bpx-architecture-intro .bp-kicker{grid-column:1/-1;color:#bac4b9;font-size:9px;letter-spacing:.17em;line-height:1.8;margin:0}
.tds-builder-preview .bpx-architecture-intro h2{font:400 clamp(42px,5.8vw,68px)/1.04 Georgia,serif;letter-spacing:-.045em;margin:0;max-width:650px;overflow-wrap:normal}
.bpx-architecture-intro h2 em{font-weight:400;color:#dec9a1}
.tds-builder-preview .bpx-architecture-intro p{font-size:14px;line-height:1.85;color:#c2c8bd;max-width:310px;margin:0 0 5px;justify-self:end}
.bpx-architecture-section>.bpx-architecture-stage{min-width:0;width:100%;align-self:center}
.bpx-refined .bpx-architecture-canvas{width:100%;aspect-ratio:1.8;min-height:560px;border:0;background:radial-gradient(ellipse at 52% 68%,#2b3a2e 0%,#1b2a21 34%,#111b18 72%);outline-offset:-4px}
.bpx-architecture-canvas .bpx-architecture-tag{position:absolute;z-index:3;top:30px;left:7%;right:7%;display:flex;justify-content:space-between;gap:12px;pointer-events:none;color:#c4c8b8;font:8px/1.7 Arial,sans-serif;letter-spacing:.16em}
.bpx-architecture-tag>span:last-child{text-align:right;color:#aeb9a9}
.bpx-architecture-section>.bpx-architecture-footer{min-width:0;grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px 28px;border-top:1px solid #45534a;margin:0 7%;padding:25px 0 32px;touch-action:pan-y pinch-zoom}
.bpx-architecture-footer .bpx-controls{margin:0;min-width:0;gap:9px}
.bpx-architecture-footer .bpx-controls button{color:#eee8d8;border-color:#65715d;background:#1b271f;font-size:11px;padding:11px 16px;min-height:44px}
.bpx-architecture-footer .bpx-controls button:first-child{background:#decba6;color:#1b271f;border-color:#decba6}
.bpx-architecture-footer .bpx-controls button:hover{background:#314133;border-color:#c7ba96;color:#f5eedf}
.bpx-architecture-key{display:flex;gap:18px;flex-wrap:wrap;min-width:0;color:#c4c9ba;font:10px/1.6 Arial,sans-serif}
.bpx-architecture-key>span{display:inline-flex;align-items:center;gap:7px}
.bpx-architecture-key>span::before{content:'';display:block;flex:0 0 5px;width:5px;height:5px;border-radius:50%;background:#e7dbc1}
.bpx-architecture-key>span:nth-child(2)::before{background:#a5b9b6}
.bpx-architecture-key>span:nth-child(3)::before{background:#b6c090}
.bpx-architecture-footer .bpx-instructions{flex-basis:100%;color:#aeb9aa;font-size:10px!important;line-height:1.8!important;margin:0!important}
@media(max-width:700px){
  .bpx-architecture-section>.bpx-architecture-intro{grid-template-columns:minmax(0,1fr);gap:20px;padding:52px 7% 5px}
  .bpx-architecture-intro .bp-kicker{font-size:8px;letter-spacing:.12em}
  .tds-builder-preview .bpx-architecture-intro h2{font-size:clamp(34px,10.2vw,54px);max-width:470px;margin:0}
  .tds-builder-preview .bpx-architecture-intro p{font-size:13px;line-height:1.8;max-width:360px;margin:0;justify-self:start}
  .bpx-refined .bpx-architecture-canvas{aspect-ratio:1.12;min-height:400px;background:radial-gradient(ellipse at 52% 62%,#2b3a2e 0%,#1b2a21 36%,#111b18 74%)}
  .bpx-architecture-canvas .bpx-architecture-tag{top:27px;font-size:7px;letter-spacing:.1em;gap:12px}
  .bpx-architecture-section>.bpx-architecture-footer{margin:0 7%;padding:23px 0 30px;gap:23px}
  .bpx-architecture-footer .bpx-controls{width:100%;gap:8px}
  .bpx-architecture-footer .bpx-controls button{flex:1 1 110px;padding:10px 9px;font-size:10px}
  .bpx-architecture-key{column-gap:18px;row-gap:10px;font-size:9px}
  .bpx-architecture-footer .bpx-instructions{font-size:9px!important}
}
@media(max-width:300px){
  .bpx-architecture-canvas .bpx-architecture-tag{flex-direction:column;gap:2px;font-size:7px}
  .bpx-architecture-tag>span:last-child{text-align:left}
  .bpx-architecture-footer .bpx-controls{flex-direction:column}
  .bpx-architecture-footer .bpx-controls button{flex:auto;width:100%}
  .bpx-architecture-key{flex-direction:column;gap:9px}
}
@media(prefers-reduced-motion:reduce){.bpx-refined .bpx-architecture-canvas{touch-action:auto;cursor:default}}

/* Calm apartment reveal: both drawings share the original 2000 × 1500 projection. */
.bpx-apartment-section{background:#eeece3}
.bpx-apartment-intro{display:flex;align-items:end;justify-content:space-between;gap:36px;max-width:1180px;margin:0 auto 36px}
.bpx-apartment-intro .bp-kicker{margin-bottom:20px;color:#526355}
.bpx-apartment-intro h2{font-family:Georgia,serif;font-size:clamp(40px,5vw,70px);letter-spacing:-.05em}
.bpx-apartment-intro h2 em{color:#647660}
.bpx-apartment-intro>p{max-width:310px;font-size:13px;line-height:1.8;color:#59665c;padding-bottom:4px}
.bpx-apartment-sheet{container-type:inline-size;background:#fff;border:1px solid #b8beb0;max-width:1180px;margin:0 auto}
.bpx-apartment-sheet-heading,.bpx-apartment-sheet-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 24px;color:#4e5f53;font:9px/1.5 Arial,sans-serif;letter-spacing:.12em}
.bpx-apartment-sheet-heading{border-bottom:1px solid #e3e5dc}
.bpx-apartment-sheet-footer{border-top:1px solid #e3e5dc;letter-spacing:.08em}
.bpx-apartment-sheet-footer>span:last-child{letter-spacing:0;text-align:right}
.bpx-refined .bpx-plan-reveal{--bpx-light-x:40%;--bpx-light-y:45%;--bpx-beam:clamp(28px,10cqw,118px);min-height:0;aspect-ratio:4/3;background:#fff;color:#34493b;border:0;cursor:crosshair;outline-offset:-4px}
.bpx-plan-reveal>.bpx-apartment-plan,.bpx-apartment-reveal,.bpx-apartment-reveal>img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:contain;pointer-events:none}
.bpx-plan-reveal>.bpx-apartment-plan,.bpx-apartment-reveal>img{transform:scale(1.16);transform-origin:46% 46%}
.bpx-apartment-reveal{opacity:0;transition:opacity .14s ease;-webkit-mask-image:radial-gradient(circle var(--bpx-beam) at var(--bpx-light-x) var(--bpx-light-y),#000 calc(100% - 5px),transparent 100%);mask-image:radial-gradient(circle var(--bpx-beam) at var(--bpx-light-x) var(--bpx-light-y),#000 calc(100% - 5px),transparent 100%)}
.bpx-plan-reveal[data-bpx-view="lens"] .bpx-apartment-reveal,.bpx-plan-reveal[data-bpx-view="full"] .bpx-apartment-reveal{opacity:1}
.bpx-plan-reveal[data-bpx-view="full"] .bpx-apartment-reveal{-webkit-mask-image:none;mask-image:none}
.bpx-apartment-lens{position:absolute;left:var(--bpx-light-x);top:var(--bpx-light-y);width:calc(var(--bpx-beam)*2);height:calc(var(--bpx-beam)*2);transform:translate(-50%,-50%);border-radius:50%;border:1px solid #fff9;box-shadow:0 0 0 1px #31463720;opacity:0;pointer-events:none;transition:opacity .14s ease}
.bpx-plan-reveal[data-bpx-view="lens"] .bpx-apartment-lens{opacity:1}
.bpx-apartment-invite{position:absolute;left:50%;bottom:5%;transform:translateX(-50%);white-space:nowrap;display:flex;align-items:center;gap:10px;letter-spacing:.12em;font:9px/1.5 Arial,sans-serif;pointer-events:none;background:#fff;border:1px solid #d1d7ce;border-radius:24px;padding:8px 15px;transition:opacity .14s}
.bpx-apartment-invite i{font:22px/1 Georgia,serif}
.bpx-plan-reveal:not([data-bpx-view="plan"]) .bpx-apartment-invite{opacity:0}
.bpx-apartment-toolbar{display:flex;align-items:center;justify-content:space-between;gap:22px;max-width:1180px;margin:20px auto 0}
.bpx-apartment-toolbar .bpx-controls{margin:0;flex-shrink:0}
.bpx-apartment-toolbar .bpx-controls button{border-color:#9ca896;border-radius:24px;padding:11px 19px;font-size:12px}
.bpx-apartment-toolbar .bpx-controls button[aria-pressed="true"]{background:#344b3d;color:#fff;border-color:#344b3d}
.bpx-apartment-toolbar .bpx-instructions{margin:0!important;text-align:right;max-width:320px}
.tds-builder-preview .bpx-apartment-credit{font-size:10px;line-height:1.8;color:#657064;max-width:1180px;margin:24px auto 0}
.bpx-apartment-credit a{color:inherit;text-underline-offset:3px}
@media(max-width:700px){
 .bpx-apartment-section{padding:52px 5%}
 .bpx-apartment-intro{align-items:start;flex-direction:column;gap:20px;margin-bottom:26px}
 .bpx-apartment-intro h2{font-size:clamp(38px,9vw,60px)}
 .bpx-apartment-intro .bp-kicker{font-size:8px;margin-bottom:14px}
 .bpx-apartment-intro>p{font-size:12px;max-width:320px}
 .bpx-apartment-sheet-heading,.bpx-apartment-sheet-footer{padding:12px;gap:12px;font-size:7px}
 .bpx-apartment-sheet-heading>span:last-child{max-width:105px;text-align:right}
 .bpx-apartment-sheet-footer{align-items:start;flex-direction:column;gap:4px}
 .bpx-apartment-sheet-footer>span:last-child{text-align:left;font-size:9px}
 .bpx-apartment-invite{font-size:7px;padding:5px 10px;gap:6px;bottom:3%}
 .bpx-apartment-toolbar{align-items:start;flex-direction:column;gap:14px;margin-top:16px}
 .bpx-apartment-toolbar .bpx-controls{flex-shrink:1;gap:8px;width:100%}
 .bpx-apartment-toolbar .bpx-controls button{flex:1;min-width:115px;padding:9px 12px;font-size:10px;line-height:1.4}
 .bpx-apartment-toolbar .bpx-instructions{text-align:left;font-size:10px!important}
 .tds-builder-preview .bpx-apartment-credit{font-size:9px;margin-top:20px}
}
@media(prefers-reduced-motion:reduce){.bpx-refined .bpx-plan-reveal{touch-action:auto}.bpx-apartment-reveal,.bpx-apartment-lens,.bpx-apartment-invite{transition:none}}
/* Overhead stoneware and interactive marbled coffee. */
.bp-theme-warm .bpx-stir-section{position:relative;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:30px;padding:90px 6% 36px;overflow:hidden;background:radial-gradient(ellipse at 70% 25%,#f9f4e8,transparent 65%),#e9dfcc;color:#44382b}
.bpx-stir-copy{position:relative;z-index:2}.bpx-stir-copy h2{font:400 clamp(42px,5.4vw,78px)/1.08 Georgia,serif;letter-spacing:-.045em;margin:28px 0}.bpx-stir-copy em{color:#95603b}.bpx-stir-copy p{font-size:14px;line-height:1.9;color:#786650}.bpx-stir-rule{display:block;width:48px;height:1px;background:#aa8c69;margin:38px 0 18px}.bpx-stir-edition{font-size:9px;letter-spacing:.17em}
.bpx-stir-still{position:relative;width:100%;aspect-ratio:1;isolation:isolate;min-width:0}
.bpx-stir-saucer{position:absolute;inset:7%;border-radius:50%;background:radial-gradient(circle at 44% 42%,#e5dbc5 50%,#d0c3aa 57%,#f7f0e0 60%,#e8ddc6 67%,#fff7e8 69%,#c3b397 71%,#e7dcc7 72%);box-shadow:18px 28px 30px #5a432a35,4px 7px 8px #5a432a25,inset 2px 3px 5px #fff9ed}
.bpx-stir-handle{position:absolute;width:25%;height:22%;left:70%;top:40%;border-radius:45%;transform:rotate(-18deg);background:linear-gradient(135deg,#fff8e9,#d8c9ae 45%,#f4ecda 65%,#baaa8e);box-shadow:5px 9px 8px #4a352a33;z-index:1}
.bpx-stir-handle:after{content:'';position:absolute;inset:24% 20%;border-radius:45%;background:#d3c6af;box-shadow:inset 3px 5px 5px #69533860,inset -2px -2px 3px #fff5e5}
.bpx-stir-cup{position:absolute;inset:16%;border-radius:50%;padding:3%;z-index:2;background:linear-gradient(135deg,#fffaf0 2%,#ece0c8 25%,#bca988 67%,#eadcc1 90%);box-shadow:7px 13px 11px #38251450,inset 2px 2px 3px #fffbf4,inset -3px -3px 6px #ac9775}
.bpx-stir-liquid.bpx-surface{width:100%;height:100%;min-height:0;aspect-ratio:1;border:0;border-radius:50%;overflow:hidden;position:relative;touch-action:pan-y;background:radial-gradient(ellipse at 40% 30%,#cda56f,#4b2511 65%,#271409);box-shadow:0 0 2px 2px #533319,inset 3px 4px 9px #1e0d09}
.bpx-stir-liquid canvas{width:100%;height:100%;display:block;border-radius:50%}.bpx-stir-liquid:not([data-stir-ready="true"]) canvas{visibility:hidden}
.bpx-stir-reflection{position:absolute;inset:0;border-radius:50%;pointer-events:none;box-shadow:inset 4px 6px 7px #170d0970,inset -1px -2px 2px #ecc59170;background:radial-gradient(ellipse at 25% 19%,#fff1d61c,transparent 23%)}
.bpx-stir-caption{position:absolute;bottom:0;width:100%;text-align:center;font-size:8px;letter-spacing:.2em;color:#857154}
.bpx-stir-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;border-top:1px solid #c6b89d;margin-top:25px;padding-top:16px}.bpx-stir-footer p,.bpx-stir-footer>[role=status]{font-size:10px;line-height:1.8;color:#786650}.bpx-stir-footer>[role=status]{width:100%;min-height:18px}.bpx-stir-footer .bpx-controls{margin:0}
@media(max-width:700px){.bp-theme-warm .bpx-stir-section{grid-template-columns:1fr;padding:46px 6% 26px;gap:14px}.bpx-stir-copy h2{font-size:48px;margin:18px 0}.bpx-stir-rule,.bpx-stir-edition{display:none}.bpx-stir-copy p{font-size:13px}.bpx-stir-still{width:112%;margin-left:-6%}.bpx-stir-footer{margin-top:12px;gap:10px}.bpx-stir-footer .bpx-controls{flex-wrap:wrap}.bpx-stir-caption{font-size:7px}}
.bpx-stir-liquid[data-pointer-focus="true"]:focus{outline:none}
.bpx-stir-liquid:focus-visible{outline:2px solid #77634e;outline-offset:6px}
/* Warm café: a photographic tasting table with a soft inspection lens. */
.bpx-roast{background:#efe5d2!important;color:#513925;padding:70px 6%!important}.bpx-roast-intro{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.bpx-roast-intro h2{font:400 clamp(38px,5vw,70px)/1.05 Georgia!important;letter-spacing:-.04em;margin:20px 0 0!important}.bpx-roast-intro h2 em{color:#a16a40;font-weight:400}.bpx-roast-intro p{font-size:14px;line-height:1.8;margin:0 0 5px}.bpx-roast .bpx-roast-field{height:480px;min-height:0;overflow:hidden;border-radius:160px 160px 8px 8px;touch-action:pan-y;--bpx-beam:150px;--bpx-light-x:50%;--bpx-light-y:50%;isolation:isolate;background:#21160e}.bpx-roast-base,.bpx-roast-reveal,.bpx-roast-reveal>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.bpx-roast-base{filter:grayscale(1) brightness(.28) sepia(.45)}.bpx-roast-reveal{mask-image:radial-gradient(circle var(--bpx-beam) at var(--bpx-light-x) var(--bpx-light-y),black 50%,transparent 100%);-webkit-mask-image:radial-gradient(circle var(--bpx-beam) at var(--bpx-light-x) var(--bpx-light-y),black 50%,transparent 100%)}.bpx-roast-reveal>img{filter:brightness(.8)}.bpx-roast-words{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;padding:0 2%;text-align:center;color:#fff1cf;text-shadow:0 2px 14px #160b00}.bpx-roast-words>span{font:italic clamp(28px,4vw,54px)/1.2 Georgia}.bpx-roast-words small{display:block;font:10px/3 Arial,sans-serif;letter-spacing:.15em}.bpx-roast-top,.bpx-roast-bottom{position:absolute;left:7%;right:7%;display:flex;justify-content:space-between;align-items:center;color:#e4ceab;font:9px/1.5 monospace;letter-spacing:.13em;pointer-events:none}.bpx-roast-top{top:45px}.bpx-roast-bottom{bottom:30px;gap:20px}.bpx-roast-bottom i{height:1px;background:#d9bb873d;flex:1}.bpx-roast-lens{position:absolute;width:calc(var(--bpx-beam)*1.5);height:calc(var(--bpx-beam)*1.5);border:1px solid #f5d39b55;border-radius:50%;left:var(--bpx-light-x);top:var(--bpx-light-y);transform:translate(-50%,-50%);pointer-events:none}.bpx-roast-field[data-roast-view=full] .bpx-roast-reveal{mask-image:none;-webkit-mask-image:none}.bpx-roast-field[data-roast-view=full] .bpx-roast-lens{opacity:0}.bpx-roast-footer{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;margin-top:30px}.bpx-roast-card{border-left:2px solid #ad8055;padding:8px 0 8px 25px}.bpx-roast-card h3{font:34px/1.15 Georgia!important;margin:10px 0!important}.bpx-roast-card p{font-size:13px;line-height:1.7;max-width:280px;min-height:44px}.bpx-roast-actions .bpx-controls{justify-content:flex-start;margin:0 0 12px;flex-wrap:wrap}.bpx-roast-actions button{border-color:#b5a58c;background:transparent;color:#513925;min-height:44px}.bpx-roast-actions button[aria-pressed=true]{background:#624532;color:#fff4df}.bpx-roast-actions>p{font-size:11px;line-height:1.6;margin:14px 0 0}.bpx-roast-fine{border-top:1px solid #bba98b66;margin:28px 0 0!important;padding-top:18px;font-size:10px!important;line-height:1.7!important;color:#77634d;max-width:650px}
@media(max-width:700px){.bpx-roast{padding:38px 22px!important}.bpx-roast-intro{display:block;margin-bottom:24px}.bpx-roast-intro h2{font-size:43px!important}.bpx-roast-intro p{font-size:12px;margin-top:20px}.bpx-roast .bpx-roast-field{height:340px;border-radius:90px 90px 5px 5px;--bpx-beam:98px}.bpx-roast-top{top:35px;font-size:7px;left:10%;right:10%;gap:25px}.bpx-roast-top span:last-child{text-align:right}.bpx-roast-bottom{font-size:7px;gap:10px}.bpx-roast-words>span{font-size:26px}.bpx-roast-words small{font-size:7px;letter-spacing:.03em}.bpx-roast-footer{grid-template-columns:1fr;gap:18px;margin-top:24px}.bpx-roast-card{padding-left:18px}.bpx-roast-card h3{font-size:29px!important}.bpx-roast-card p{margin-bottom:0;min-height:44px}.bpx-roast-actions button{font-size:11px!important;padding:10px 12px!important}.bpx-roast-fine{font-size:10px!important}}