/* Five temporary directions, sharing real catalogue data. */
:root{--accent:#8c4933;--surface:#f3f1ed;--paper:#fcfbf8}body{background:var(--paper)}a:focus-visible,button:focus-visible{outline:3px solid #cf793b;outline-offset:5px}h1,h2,h3{text-wrap:balance}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;padding:12px 20px;background:white;color:#181818}.skip-link:focus{top:10px}.design-switch{position:sticky;top:0;z-index:50;display:flex;gap:24px;align-items:center;padding:10px clamp(16px,3vw,48px);background:#eeeeea;color:#282b29;border-bottom:1px solid #d2d2ca;font-size:12px;min-height:58px}.design-switch-label{font-weight:800;white-space:nowrap}.design-switch-label>span{font-weight:400;color:#60645d}.design-switch nav{display:flex;gap:6px;flex:1;min-width:0;overflow:auto;scrollbar-width:thin}.design-switch nav a{white-space:nowrap;padding:8px 12px;border-radius:4px;min-height:36px;display:flex;align-items:center;gap:7px}.design-switch nav a:hover{background:#e0e0d8}.design-switch nav a[aria-current]{background:#262b28;color:#fff}.design-number{opacity:.65;font-size:10px}.switch-collapse{background:transparent;border:1px solid #aaa;width:32px;height:32px;flex:none;cursor:pointer}.design-switch.is-collapsed nav,.design-switch.is-collapsed .design-switch-label>span{display:none}.design-switch.is-collapsed{min-height:44px;justify-content:space-between}.header{height:88px}.topline{background:transparent;color:var(--muted);border-bottom:1px solid var(--line)}.topline a{color:inherit}.header{background:var(--paper)}.header nav a{font-size:13px}.button.bright{background:var(--accent);color:#fff}.button.bright:hover{background:var(--accent);filter:brightness(1.15)}.eyebrow{color:var(--accent);font-size:10px;letter-spacing:.2em}.section-pad{padding-top:88px;padding-bottom:88px}.products{background:var(--surface)}.product-media{background:#e7e4de}.product-grid{gap:35px 20px}.product h3{font-size:21px}.product-media img{max-width:85%}.contact{background:var(--accent)}.contact .button.bright{background:#fff;color:#242421}.contact .eyebrow,.contact-details span{color:#f7e2ce}.footer{background:#202823}.design-hero h1{font-size:clamp(54px,6.9vw,112px);line-height:.99;letter-spacing:-.065em;font-weight:500;margin:0 0 30px}.design-hero h1 em{font-style:normal;color:var(--accent)}.design-hero p:not(.eyebrow){font-size:16px;line-height:1.8}.design-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-caption{position:absolute;left:5vw;right:5vw;bottom:24px;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.arch-hero{position:relative;min-height:690px;height:calc(100svh - 180px);max-height:950px;background:#e8decc;isolation:isolate}.arch-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(243,234,214,.98),rgba(243,234,214,.78) 28%,transparent 65%)}.arch-hero .design-hero-image{z-index:-2;object-position:55% center}.arch-copy{padding:7% 5vw 100px;max-width:60%}.arch-copy .eyebrow{margin-bottom:35px}.arch-copy p:not(.eyebrow){margin:25px 0 30px}.material-strip{display:flex;justify-content:space-between;padding-top:30px;padding-bottom:30px;border-block:1px solid var(--line);font-size:22px}.intro{padding-block:95px}.intro h2{font-size:clamp(32px,3.3vw,54px)}.intro-copy{padding-top:25px}.intro-copy p{font-size:16px}
/* 02 — The portal: a persistent full-screen illustrated stage. */
body[data-design="portal"]{--paper:#101512;--surface:rgba(15,22,19,.92);--ink:#edf1e8;--muted:#afb8ab;--accent:#dfb66e;--line:#39453c;background:#101512;color:var(--ink);--door-angle:-26deg}body[data-design="portal"] .topline,body[data-design="portal"] .header{background:rgba(14,20,17,.8);color:#e8ebe4}body[data-design="portal"] .header-cta{border-color:#6f7b70}body[data-design="portal"] .menu-button span{background:#fff}body[data-design="portal"] .button.bright{color:#171d16}body[data-design="portal"] main,body[data-design="portal"] .footer{position:relative;z-index:1}body[data-design="portal"] .contact{background:rgba(40,53,43,.94)}body[data-design="portal"] .product-media{background:#d8ddd2}body[data-design="portal"] .product-meta,body[data-design="portal"] .catalog-note,body[data-design="portal"] .section-aside{color:#b8c1b4}body[data-design="portal"] .metal{background:rgba(16,24,19,.94)}body[data-design="portal"] .services a:hover{background:#243028}body[data-design="portal"] .detail-main{background:#cbd2c4}body[data-design="portal"] .catalog-pagination a:hover{background:#38473b}body[data-design="portal"] .header nav{color:var(--ink)}.portal-world{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 73% 46%,#344437 0%,#17251d 34%,#0c1410 76%)}.portal-grain{position:absolute;inset:0;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.portal-halo{position:absolute;left:45%;top:10%;width:70%;height:110%;background:radial-gradient(ellipse,#cca26024,transparent 65%);animation:halo-breathe 8s ease-in-out infinite}.portal-perspective{position:absolute;left:58%;top:27%;width:26vw;max-width:460px;height:58vh;perspective:1200px;transform:translateY(var(--portal-y,0px)) rotate(var(--portal-tilt,0deg));transition:transform .3s ease-out}.portal-frame{position:relative;width:100%;height:100%;border:12px solid #212722;border-bottom:6px solid #555b49;box-shadow:0 0 0 2px #6c7550,0 0 45px #e9c56b35,inset 0 0 40px #ffe1a0;transform:rotateY(-12deg);transform-style:preserve-3d}.portal-light{position:absolute;inset:0;background:linear-gradient(145deg,#e5d1a4,#f4e7c3 38%,#b5b795);box-shadow:0 0 100px #f4d68b50}.portal-door{position:absolute;inset:0;transform-origin:left center;transform:rotateY(var(--door-angle));transform-style:preserve-3d;background:linear-gradient(100deg,#26382c,#354d3c 55%,#1e2b22);border:2px solid #64755a;box-shadow:inset -5px 0 12px #0009;animation:door-breathe 10s ease-in-out infinite}.portal-door:after{content:"";position:absolute;right:-9px;top:0;bottom:0;width:9px;background:#19281d;transform:rotateY(90deg);transform-origin:left}.door-lines{position:absolute;inset:5% 10%;background:repeating-linear-gradient(90deg,transparent 0%,transparent 14%,#111b1580 14.1%,transparent 14.8%);border-block:1px solid #ffffff15}.door-handle{position:absolute;right:10%;top:37%;height:27%;width:7px;border-radius:2px;background:linear-gradient(90deg,#776c42,#e1c183,#7c6a3d);box-shadow:8px 3px 10px #0008}.portal-floor{position:absolute;left:-50%;right:-50%;top:100%;height:60vh;background:linear-gradient(180deg,#e6c67830,transparent 70%);clip-path:polygon(25% 0,75% 0,100% 100%,0 100%);transform:rotateX(55deg);transform-origin:top}.portal-particles{position:absolute;inset:0}.portal-particles i{position:absolute;left:calc(43% + var(--i)*4%);top:calc(14% + var(--i)*5%);width:3px;height:3px;border-radius:50%;background:#e7c887;opacity:.4;animation:dust-float calc(8s + var(--i)*.5s) ease-in-out infinite;animation-delay:calc(var(--i)*-.7s)}.portal-hero{position:relative;min-height:700px;height:calc(100svh - 180px);display:flex;align-items:center}.portal-copy{max-width:52%;padding-bottom:80px}.portal-copy h1{font-size:clamp(70px,8vw,130px);line-height:1;letter-spacing:-.065em;font-weight:500;margin:0 0 30px}.portal-copy h1 em,.portal-story em{font-style:normal;color:var(--accent)}.portal-copy p:not(.eyebrow){font-size:18px;color:#cad4c8;line-height:1.8;margin-bottom:34px}.portal-control{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:38px;font-size:11px;color:#a9b6a6}.portal-control button{border:1px solid #63715e;background:#152118b3;color:#d8decf;padding:10px 14px;cursor:pointer;font-size:11px}.portal-scroll{position:absolute;bottom:30px;left:5vw;right:5vw;display:flex;justify-content:space-between;font-size:11px;color:#b7c5b2}.portal-story{padding-top:130px;padding-bottom:130px;background:linear-gradient(90deg,#101a12ed,transparent)}.portal-story h2{font-size:clamp(48px,6vw,90px);line-height:1.07;letter-spacing:-.05em;font-weight:500;margin:20px 0}.portal-story p:not(.eyebrow){max-width:450px;color:#b9c5b6;font-size:17px}.motion-paused .portal-world *{animation-play-state:paused!important}.motion-paused .portal-door{transform:rotateY(-26deg)}@keyframes halo-breathe{50%{opacity:.45;transform:scale(1.1)}}@keyframes door-breathe{0%,100%{transform:rotateY(var(--door-angle))}50%{transform:rotateY(calc(var(--door-angle) - 12deg))}}@keyframes dust-float{50%{transform:translate(-20px,-45px);opacity:.1}}
/* 03 — Warm home, rounded photography and soft green surfaces. */
body[data-design="home"]{--paper:#fbf7ef;--surface:#eeeee3;--accent:#475a3d;--line:#d8d9ca;--ink:#263627;--muted:#667160}.warm-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:5vw;align-items:center;padding-block:60px 85px}.warm-copy h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(60px,7vw,100px);letter-spacing:-.05em;line-height:1.06}.warm-copy h1 em{font-style:italic}.warm-photo{position:relative;margin:0}.warm-photo img{display:block;width:100%;height:650px;object-fit:cover;border-radius:48% 48% 8px 8px}.warm-photo figcaption{font-size:10px;text-align:right;margin-top:12px;color:var(--muted)}.warm-note{font-size:11px;display:flex;gap:9px;align-items:center;margin-top:35px;color:var(--muted)}.warm-dot{width:7px;height:7px;background:#718861;border-radius:50%}.warm-intro{padding-block:80px;background:#f0efe5;text-align:center}.warm-intro h2{font:500 clamp(35px,4vw,58px)/1.2 Georgia,serif;letter-spacing:-.04em;margin:20px 0}.warm-intro>p:not(.eyebrow){max-width:620px;margin:20px auto;color:var(--muted)}.warm-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:55px}.warm-steps span{font:italic 28px Georgia,serif;color:#829174}.warm-steps h3{font-size:18px;margin:15px 0 5px}.warm-steps p{font-size:13px;color:var(--muted)}body[data-design="home"] .button{border-radius:40px}body[data-design="home"] .products{background:var(--paper)}body[data-design="home"] .product-media{border-radius:100px 100px 8px 8px;background:#e8e8dd}body[data-design="home"] .section-head h2,body[data-design="home"] .contact h2{font-family:Georgia,serif}body[data-design="home"] .contact{background:#465b3e}
/* 04 — Industrial typography, orange marks, technical grid. */
body[data-design="workshop"]{--paper:#e9e9e3;--surface:#d9dcd6;--accent:#bf4a20;--ink:#242a27;--line:#b7bfb7}.industrial-hero{position:relative;isolation:isolate;min-height:720px;background:#111819;color:#fff}.industrial-hero .design-hero-image{z-index:-3}.industrial-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0d1516ed,transparent 85%);z-index:-2}.industrial-grid{position:absolute;inset:0;background-image:linear-gradient(#fff1 1px,transparent 1px),linear-gradient(90deg,#fff1 1px,transparent 1px);background-size:100px 100px;opacity:.35;z-index:-1}.industrial-copy{padding-block:75px 100px}.industrial-copy .eyebrow{color:#f49b6b}.industrial-copy h1{font:800 clamp(65px,7.4vw,118px)/.94 'Arial Narrow',Impact,Arial,sans-serif;letter-spacing:-.035em}.industrial-copy h1 em{color:#f78245}.industrial-copy p:not(.eyebrow){color:#c7cecb}.industrial-copy .button.bright{background:#e85d24}.workshop-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:20px 6vw;padding-block:80px}.workshop-intro>.eyebrow{grid-column:1/-1}.workshop-intro h2{font:800 clamp(35px,4.4vw,62px)/1.05 Arial,sans-serif;letter-spacing:-.06em;margin:0}.workshop-intro p:not(.eyebrow){margin-top:0;max-width:490px}.workshop-intro+.metal{padding-top:0}body[data-design="workshop"] .section-head h2{font-weight:800;letter-spacing:-.06em}body[data-design="workshop"] .product-media{background:#cbd0c7;border-top:3px solid #6a7569}body[data-design="workshop"] .contact{background:#282e2a}body[data-design="workshop"] .contact .button.bright{background:#ec672c;color:#fff}body[data-design="workshop"] .services a>span:first-child{font-family:monospace}body[data-design="workshop"] .product-arrow{border-radius:0}
/* 05 — Editorial gallery: serif headlines, asymmetric collection. */
body[data-design="gallery"]{--paper:#fffefa;--surface:#f0efe9;--accent:#8e3328;--ink:#292722}.gallery-hero{padding-top:65px}.gallery-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:10px 5vw;align-items:end;margin-bottom:40px}.gallery-heading>.eyebrow{grid-column:1/-1}.gallery-heading h1{font:400 clamp(75px,10vw,160px)/.9 Georgia,serif;letter-spacing:-.07em;margin-bottom:0}.gallery-heading h1 em{font-style:italic}.gallery-description{padding-bottom:8px}.gallery-description>span{font-size:11px;text-transform:uppercase;letter-spacing:.16em}.gallery-description p{margin:20px 0}.gallery-photo{margin:0}.gallery-photo img{width:100%;height:540px;object-fit:cover;object-position:center 58%;display:block}.gallery-photo figcaption{display:flex;justify-content:space-between;font-size:10px;margin:15px 0 0;color:var(--muted)}.gallery-intro{display:grid;grid-template-columns:1fr 1fr;gap:20px 12vw;padding-block:100px}.gallery-intro>.eyebrow{grid-column:1/-1}.gallery-intro h2{font:400 clamp(38px,4vw,58px)/1.15 Georgia,serif;letter-spacing:-.05em;margin:0}.gallery-intro>p:not(.eyebrow){margin:5px 0;font-size:17px;max-width:450px}body[data-design="gallery"] .section-head h2,body[data-design="gallery"] .contact h2{font-family:Georgia,serif;font-weight:400}body[data-design="gallery"] .products .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:50px 28px}body[data-design="gallery"] .product-media{height:410px;background:#e5e0d7}body[data-design="gallery"] .product h3{font-family:Georgia,serif;font-size:28px;font-weight:400}.gallery-editorial{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;padding-block:100px}.gallery-editorial figure{margin:0}.gallery-editorial img{width:100%;height:600px;object-fit:cover}.gallery-editorial figcaption{font-size:10px;margin-top:12px;color:var(--muted)}.gallery-editorial h2{font:400 clamp(40px,5vw,78px)/1.06 Georgia,serif;letter-spacing:-.05em;margin:20px 0 40px}.gallery-editorial h2 em{font-style:italic;color:var(--accent)}body[data-design="gallery"] .contact{background:#702e28}
/* Responsive and motion accessibility. */
@media(max-width:1100px){.design-switch{gap:10px}.design-switch-label>span{display:none}.design-switch nav a{padding-inline:8px;font-size:11px}.arch-copy{max-width:67%}.warm-photo img{height:570px}.header nav{gap:18px}.header nav a{font-size:11px}.gallery-photo img{height:440px}}
@media(max-width:760px){.design-switch{padding:8px 12px;gap:8px;min-height:52px}.design-switch-label{font-size:10px}.design-number{display:none}.design-switch nav a{font-size:11px;padding:8px 10px}.switch-collapse{width:28px;height:30px}.topline{font-size:10px}.header{height:74px}.header nav{background:var(--paper);top:74px}.header nav a{font-size:16px}.section-pad{padding-block:64px}.design-hero h1{font-size:clamp(47px,12vw,72px)}.arch-hero{height:auto;min-height:780px;display:flex;align-items:flex-start}.arch-copy{max-width:100%;padding:55px 24px 390px}.arch-copy .eyebrow{margin-bottom:27px}.arch-hero .design-hero-image{object-position:67% center;top:300px;height:480px}.arch-hero:after{background:linear-gradient(180deg,#ede5d6 0%,#ede5d6 36%,#ede5d62b 66%,transparent)}.hero-caption{font-size:8px;left:24px;right:24px;bottom:18px}.hero-caption span:first-child{max-width:50%}.hero-caption span:last-child{text-align:right}.arch-copy p:not(.eyebrow){font-size:14px;margin:20px 0}.arch-copy .button{min-height:50px;padding:13px 18px}.intro{padding-block:65px}.intro-copy p{font-size:15px}.material-strip{gap:15px;flex-wrap:wrap;font-size:16px;padding-block:24px}.warm-hero{grid-template-columns:1fr;gap:38px;padding-block:45px 55px}.warm-copy h1{font-size:67px}.warm-copy p:not(.eyebrow){font-size:15px}.warm-photo img{height:420px;border-radius:46% 46% 8px 8px}.warm-note{margin-top:24px}.warm-intro{padding-block:55px}.warm-steps{grid-template-columns:1fr;text-align:left;gap:12px;margin-top:35px}.warm-steps>div{border-top:1px solid var(--line);padding:18px 0;display:grid;grid-template-columns:40px 1fr;gap:0 12px}.warm-steps h3{margin:0}.warm-steps p{grid-column:2;margin:4px 0}.industrial-hero{min-height:720px}.industrial-copy{padding-top:65px;padding-bottom:140px}.industrial-copy h1{font-size:clamp(57px,15vw,92px)}.industrial-hero .design-hero-image{object-position:62% center;opacity:.7}.industrial-hero:after{background:linear-gradient(90deg,#0d1516dd,#0d15166b)}.industrial-copy .hero-actions{gap:25px}.workshop-intro{grid-template-columns:1fr;padding-block:60px;gap:20px}.workshop-intro h2{font-size:39px}.workshop-intro p:not(.eyebrow){font-size:15px}.gallery-hero{padding-top:45px}.gallery-heading{grid-template-columns:1fr;gap:28px}.gallery-heading h1{font-size:86px}.gallery-description>span{display:none}.gallery-description p{font-size:14px!important;margin:0 0 18px}.gallery-photo img{height:350px;object-position:66% center}.gallery-photo figcaption{font-size:9px;gap:15px}.gallery-photo figcaption span:last-child{display:none}.gallery-intro{grid-template-columns:1fr;gap:24px;padding-block:65px}.gallery-intro h2{font-size:39px}.gallery-intro>p:not(.eyebrow){font-size:15px}body[data-design="gallery"] .products .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 14px}body[data-design="gallery"] .product-media{height:250px}body[data-design="gallery"] .product h3{font-size:22px}.gallery-editorial{grid-template-columns:1fr;padding-block:65px;gap:40px}.gallery-editorial img{height:410px}.gallery-editorial h2{font-size:50px}.portal-hero{height:auto;min-height:830px;display:block;padding-top:50px}.portal-copy{max-width:100%;padding-bottom:0}.portal-copy h1{font-size:72px}.portal-copy p:not(.eyebrow){font-size:15px;margin-bottom:25px}.portal-copy .eyebrow{font-size:9px}.portal-control{margin-top:23px;gap:10px}.portal-perspective{left:43%;top:55%;width:40vw;height:35vh;max-height:350px}.portal-world{background:radial-gradient(ellipse at 70% 70%,#354a39,#101912 65%)}.portal-scroll{font-size:10px;bottom:22px;left:24px;right:24px}.portal-story{padding-block:70px;background:#101a12ed}.portal-story h2{font-size:53px}.portal-story p:not(.eyebrow){font-size:15px}.portal-particles i{width:2px;height:2px}.product-grid{gap:30px 12px}.product-meta{font-size:9px}.product h3{font-size:19px}.product p{font-size:13px}.contact h2{font-size:44px}.contact p:not(.eyebrow){font-size:16px}.contact-details a{font-size:21px}.contact-details p{font-size:15px!important}.services strong{font-size:23px}.metal .section-aside{font-size:14px}}
@media(max-width:380px){.design-switch-label{display:none}.design-switch nav a{padding-inline:8px}.arch-copy h1{font-size:48px}.portal-copy h1{font-size:65px}.gallery-heading h1{font-size:76px}.header{padding-inline:18px;gap:16px}.header-cta{font-size:11px}.brand img{width:95px}.contact h2{font-size:39px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.portal-world *{animation:none!important;transition:none!important}.portal-door{transform:rotateY(-26deg)}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}}
.topline{position:relative;z-index:2}.design-select{display:none}.hero-caption>span:last-child{background:#fcfbf8cc;color:#333;padding:3px 7px}.industrial-hero .hero-caption>span:last-child{background:#121a18b3;color:#e8eee6}@media(max-width:760px){.has-design-js .design-switch nav{display:none}.has-design-js .design-select{display:block;flex:1;min-width:0;max-width:100%;height:36px;border:1px solid #c2c7be;border-radius:4px;background:#fff;color:#222;padding:0 10px;font:600 12px Manrope,Arial,sans-serif}.has-design-js .design-switch.is-collapsed .design-select{display:none}.design-switch-label{font-size:11px}}