/* FutraDay showroom demos: bespoke visual upgrade. Deliberately isolated from showroom chrome. */
/* NORTHLINE — dark technical copper service plate and editorial conversion band */
.northline .nl-home-hero{padding-top:54px;padding-bottom:0;column-gap:4%;grid-template-columns:minmax(0,1fr) minmax(375px,.95fr)}
.northline .nl-home-hero .nl-hero-content{align-self:center;padding-bottom:55px}
.northline .nl-home-hero h1{font-size:clamp(58px,6.25vw,100px);line-height:.98;letter-spacing:-.07em;max-width:740px}
.northline .nl-home-hero .nl-hero-content>p{max-width:510px;font-size:clamp(15px,1.38vw,18px);line-height:1.75}
.northline .nl-visual-upgrade{background:#1d2924;padding:14px;min-height:490px;box-shadow:0 28px 60px #28332816}
.northline .nl-visual-upgrade .art-drawing{height:445px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 72% 30%,#4a5d50 0,transparent 57%),repeating-linear-gradient(0deg,transparent 0 27px,#ffffff0a 28px 29px),repeating-linear-gradient(90deg,transparent 0 27px,#ffffff0a 28px 29px),#1b2823}
.northline .nl-visual-upgrade .art-drawing:before,.northline .nl-visual-upgrade .art-drawing:after{border-color:#a2bb9933}
.northline .nl-visual-upgrade .art-sun{background:#c98b5d;width:240px;height:240px;top:15%;right:16%;opacity:.9;filter:drop-shadow(0 0 70px #cc8f5a44)}
.northline .nl-visual-upgrade .pipe-one{border-color:#f0d0ab;border-width:14px;right:26%;top:21%;border-radius:95px 95px 0 0}
.northline .nl-visual-upgrade .pipe-two{border-color:#e3b58d;border-width:14px;top:59%;right:26%}
.northline .nl-visual-upgrade .pipe-three{border-color:#88a18c;border-width:12px;top:46%}
.northline .nl-visual-upgrade .pipe-four{border-color:#d7aa7c;border-width:11px}
.northline .nl-visual-upgrade .art-label{color:#f4ede0;z-index:4;text-shadow:0 3px 12px #0009}
.northline .nl-visual-upgrade .art-coordinate{color:#d4c1a9;font-size:10px;z-index:5}
.northline .nl-visual-upgrade .art-caption{color:#e8e8dc;background:#1d2924}
.northline .nl-art-kicker{position:absolute;left:7%;top:5%;right:7%;font:10px/1.4 'DM Mono',monospace;color:#f7dfc7;letter-spacing:.07em;display:flex;justify-content:space-between;gap:12px;z-index:8}
.northline .nl-art-kicker span{opacity:.65}
.northline .nl-art-number{position:absolute;right:7%;bottom:12%;font:800 93px/1 'DM Sans',sans-serif;color:#ffffff18;letter-spacing:-.09em;z-index:0}
.northline .nl-art-number span{font:9px 'DM Mono',monospace;letter-spacing:.05em;color:#efdfbf}
.northline .nl-home-hero .nl-service-ribbon{grid-column:1/-1;margin-top:24px;border-top:1px solid #b9b9aa}
.northline .nl-contrast-band{padding:65px clamp(22px,8vw,120px) 27px;background:#192821;color:#f4f1e7;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.65fr);gap:45px 10%;align-items:center}
.northline .nl-contrast-head>span{font:11px 'DM Mono',monospace;letter-spacing:.16em;color:#e6b78b}
.northline .nl-contrast-head strong{display:block;font:750 clamp(49px,6.2vw,103px)/.94 'DM Sans',Arial,sans-serif;letter-spacing:-.075em;margin-top:22px}
.northline .nl-contrast-head em{font-style:normal;color:#e8b688}
.northline .nl-contrast-side p{font:16px/1.9 'DM Sans',Arial,sans-serif;color:#d4dace;margin:0 0 32px}
.northline .nl-contrast-side a{display:flex;justify-content:space-between;border-top:1px solid #7a8a7c;border-bottom:1px solid #7a8a7c;color:#f7f5eb;text-decoration:none;padding:22px 0;font:11px 'DM Mono',monospace;letter-spacing:.08em}
.northline .nl-contrast-side a:hover{color:#ebba86}
.northline .nl-contrast-foot{grid-column:1/-1;display:flex;gap:35px;justify-content:space-between;padding-top:25px;border-top:1px solid #e2e2d124;color:#b8c6b8;font:10px 'DM Mono',monospace;letter-spacing:.12em}
.northline .nl-intro-block{background:#f5f2e9}
@media(max-width:900px){.northline .nl-home-hero{grid-template-columns:1fr}.northline .nl-home-hero .nl-hero-content{padding-bottom:14px}.northline .nl-visual-upgrade{min-height:0}.northline .nl-contrast-band{grid-template-columns:1fr;gap:25px}.northline .nl-contrast-head strong{font-size:clamp(48px,9vw,82px)}}
@media(max-width:650px){.northline .nl-home-hero{padding-top:26px}.northline .nl-home-hero h1{font-size:clamp(51px,12vw,72px)}.northline .nl-visual-upgrade{padding:9px}.northline .nl-visual-upgrade .art-drawing{height:340px}.northline .nl-visual-upgrade .art-sun{width:165px;height:165px}.northline .nl-art-number{font-size:66px}.northline .nl-art-kicker span{display:none}.northline .nl-contrast-band{padding:40px 20px 22px}.northline .nl-contrast-head strong{font-size:clamp(47px,11.2vw,67px)}.northline .nl-contrast-side p{font-size:14px}.northline .nl-contrast-foot{flex-wrap:wrap;gap:13px;font-size:9px}}
/* ATELIER / FORME — handcrafted palette art instead of repeated interior photograph */
.atelier .at-material-story{grid-template-columns:1.08fr .92fr;gap:8%;align-items:center}
.atelier .at-material-board{position:relative;min-height:525px;background:#ded5c9;padding:42px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.atelier .material-overline,.atelier .material-note{font:11px 'DM Mono',monospace;letter-spacing:.12em;color:#675849;z-index:3}
.atelier .material-palette{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:205px 145px;gap:9px;margin:20px 4%}
.atelier .material-swatch{position:relative;overflow:hidden;border:5px solid #f6f1e8;box-shadow:0 10px 16px #4e3f2c15}
.atelier .material-swatch span{position:absolute;left:12px;bottom:11px;font:9px 'DM Mono',monospace;letter-spacing:.09em;color:#312820;background:#f4eee1cb;padding:4px 6px}
.atelier .swatch-stone{background:linear-gradient(110deg,#e8e1d4,#c7b8a4 50%,#f0e6d9 55%,#d3c5b2 80%);transform:rotate(-4deg);z-index:1}
.atelier .swatch-clay{background:radial-gradient(circle at 34% 25%,#d7ac91,#9f6e54 77%);transform:rotate(3deg)}
.atelier .swatch-wood{background:repeating-linear-gradient(89deg,#443124 0 5px,#66503c 7px 9px,#453325 12px 16px);transform:rotate(2deg)}
.atelier .swatch-linen{background:repeating-linear-gradient(42deg,#ece5d8 0 2px,#d2c8b7 3px 4px,#e5dacc 5px 8px);transform:rotate(-3deg)}
.atelier .at-material-work{background:#d7d2c8;position:relative;display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:21px}
.atelier .at-material-work span{display:block;position:relative;box-shadow:0 5px 13px #6a574330}
.atelier .mw-stone{background:linear-gradient(120deg,#e8e1d1,#bcae9c 60%,#eee4d6)}
.atelier .mw-linen{background:repeating-linear-gradient(30deg,#d6c8af 0 2px,#eee2cb 3px 5px)}
.atelier .mw-clay{background:#b98463}
.atelier .mw-walnut{background:repeating-linear-gradient(89deg,#463020 0 4px,#765a43 7px 8px,#4e3727 13px 15px)}
.atelier .at-material-work small,.atelier .at-colour-study small{position:absolute;bottom:10px;right:15px;padding:6px 8px;background:#f6f0e5eb;color:#51483f;font:9px 'DM Mono',monospace;letter-spacing:.1em;z-index:4}
.atelier .at-colour-study{background:#c8baaa;position:relative;overflow:hidden;isolation:isolate}
.atelier .cs-arch{position:absolute;left:10%;top:0;width:79%;height:91%;border-radius:47% 47% 0 0;background:#eee7d9;box-shadow:inset 20px 0 35px #b7a99760}
.atelier .cs-shadow{position:absolute;left:30%;top:0;width:45%;height:75%;background:linear-gradient(110deg,#d0bea688,transparent 70%);transform:skew(-20deg)}
.atelier .cs-plinth{position:absolute;left:22%;bottom:4%;height:35%;width:54%;background:linear-gradient(90deg,#b19a81,#e0c5a5);box-shadow:24px 10px 21px #7d6c5a50}
.atelier .cs-vessel{position:absolute;left:44%;bottom:37%;width:20%;height:31%;border-radius:38% 42% 19% 20%;background:linear-gradient(98deg,#785946,#ad8066 65%,#cb9d79);box-shadow:13px 13px 21px #4f3b303b}
.atelier .cs-vessel:before{content:'';position:absolute;top:-7%;left:25%;width:50%;height:12%;border-radius:50%;background:#614534}
.atelier .at-work-grid .work-project.work-two,.atelier .at-work-grid .work-project.work-three{min-width:0}
@media(max-width:760px){.atelier .at-material-story{grid-template-columns:1fr}.atelier .at-material-board{min-height:390px;padding:25px}.atelier .material-palette{grid-template-rows:145px 100px;margin:14px 2%}.atelier .at-material-work,.atelier .at-colour-study{height:310px}}
/* GOOD THINGS — huge asymmetrical art-directed hero, logo distinct from headline */
.good-things .gt-hero{min-height:750px;background:#ef613b;isolation:isolate}
.good-things .gt-hero .gt-unordinary{font-size:clamp(120px,15vw,218px);line-height:.81;letter-spacing:-.105em;position:relative;z-index:3;margin:92px 0 65px;white-space:nowrap}
.good-things .gt-hero .gt-unordinary i{color:#fff5de;font-style:normal}
.good-things .gt-hero .gt-star{font-size:60px;right:5%;top:-10%;color:#fff1d6}
.good-things .gt-signature-face{position:absolute;z-index:1;width:350px;height:350px;border-radius:50%;right:7%;top:175px;background:#f9df4f;transform:rotate(-17deg);box-shadow:0 24px 40px #76301832;pointer-events:none}
.good-things .gt-face-eye{position:absolute;top:28%;width:24px;height:44px;border-radius:50%;background:#161815}
.good-things .gt-face-eye.left{left:28%}.good-things .gt-face-eye.right{right:28%}
.good-things .gt-face-smile{position:absolute;left:23%;right:23%;top:43%;height:33%;border-bottom:19px solid #161815;border-radius:0 0 90% 90%}
.good-things .gt-hero-edition{position:absolute;right:5.8%;bottom:21%;color:#322721;font:10px 'DM Mono',monospace;letter-spacing:.11em;z-index:4}
.good-things .gt-small-type{color:#181a17;bottom:16%;right:9%;z-index:4}
.good-things .gt-hero-bottom{z-index:5;position:relative}
.good-things .gt-circle{bottom:4%;right:12%;z-index:4}
.good-things .gt-studio-strip{background:#1c1c19;color:#f6f0dd;padding:18px clamp(22px,6vw,88px);display:flex;align-items:center;justify-content:space-between;gap:20px;font:11px 'DM Mono',monospace;letter-spacing:.11em}
.good-things .gt-studio-strip b{color:#f9e153;font-size:25px}
@media(max-width:1100px){.good-things .gt-hero .gt-unordinary{font-size:clamp(85px,14.5vw,154px)}.good-things .gt-signature-face{width:290px;height:290px;top:190px;right:6%}}
@media(max-width:760px){.good-things .gt-hero{min-height:690px}.good-things .gt-hero .gt-unordinary{font-size:clamp(53px,12vw,96px);margin:80px 0 175px;line-height:.88}.good-things .gt-signature-face{width:180px;height:180px;top:253px;right:13%}.good-things .gt-face-eye{width:14px;height:25px}.good-things .gt-face-smile{border-bottom-width:10px}.good-things .gt-hero-edition{bottom:25%;font-size:8px;right:8%}.good-things .gt-circle{right:7%;bottom:2%}.good-things .gt-studio-strip{flex-wrap:wrap;justify-content:flex-start;gap:13px;padding:17px 20px;font-size:9px}.good-things .gt-studio-strip b{margin-left:auto}.good-things .gt-hero .gt-star{font-size:31px}}
@media(max-width:390px){.good-things .gt-hero{min-height:670px}.good-things .gt-hero .gt-unordinary{font-size:clamp(49px,11.6vw,60px)}.good-things .gt-signature-face{right:8%;top:265px;width:163px;height:163px}.good-things .gt-hero-edition{display:none}}
@media(prefers-reduced-motion:reduce){.atelier .material-swatch,.good-things .gt-signature-face{transition:none!important}}

/* Keep the Good Things supporting copy below—not behind—the signature illustration on phones. */
@media(max-width:760px){
  .good-things .gt-hero .gt-unordinary{margin-bottom:268px}
  .good-things .gt-hero-bottom{position:relative;z-index:5;gap:22px}
  .good-things .gt-signature-face{z-index:2}
}