@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;700;800&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
:root{--ink:#25271f;--muted:#73746b;--bone:#f5f3ee;--paper:#fffcf7;--sand:#eae7dc;--dark:#17201b;--dark2:#1d251d;--sage:#828b71;--copper:#b4926a;--line:rgba(38,43,34,.16);--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--display:'Manrope',Arial,sans-serif;--gutter:clamp(22px,5.5vw,104px);--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bone);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}body.menu-open{overflow:hidden}::selection{background:#bc9b72;color:white}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #b88a4f;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}html{scroll-padding-top:84px}.eyebrow{display:inline-flex;align-items:center;gap:10px;font:650 10px/1.5 var(--display);letter-spacing:.21em;text-transform:uppercase}.eyebrow::before{content:'';width:23px;height:1px;background:currentColor;opacity:.65}.section-kicker{font:650 11px/1.5 var(--display);text-transform:uppercase;letter-spacing:.2em;color:var(--sage)}.serif{font:italic 500 1.12em/1 var(--serif);letter-spacing:-.06em}.lead{font-size:clamp(17px,1.6vw,22px);line-height:1.75;color:#676c60;max-width:610px}.body-copy{font:450 15px/1.9 var(--sans);color:#6d7066}.title-xl{font:500 clamp(58px,7.2vw,126px)/.98 var(--serif);letter-spacing:-.055em}.title-lg{font:500 clamp(45px,5.5vw,95px)/1.0 var(--serif);letter-spacing:-.052em}.title-md{font:500 clamp(38px,4vw,70px)/1.06 var(--serif);letter-spacing:-.04em}.wrap{padding-inline:var(--gutter)}.section{padding-block:clamp(92px,11vw,176px)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:clamp(38px,5.4vw,80px)}.section-head .body-copy{max-width:400px}.thin-line{height:1px;background:var(--line)}.muted{color:var(--muted)}.small-note{font-size:11px;line-height:1.6;letter-spacing:.02em;color:#88897d}.chip{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.3);padding:11px 15px;border-radius:30px;font:700 10px/1 var(--display);letter-spacing:.15em;text-transform:uppercase}.chip.dark{border-color:var(--line);color:#737b6a}.arrow{font-size:19px;line-height:1;transition:transform .3s var(--ease)}a:hover .arrow,button:hover .arrow{transform:translate(4px,-4px)}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:42px;min-height:57px;padding:0 22px;border:1px solid transparent;background:var(--dark);color:#fff;font:650 11px var(--display);text-transform:uppercase;letter-spacing:.13em;transition:background .25s,transform .25s,box-shadow .25s}.button:hover{background:#415343;transform:translateY(-2px);box-shadow:0 14px 40px #19271a29}.button.cream{background:#efeee6;color:#292d23}.button.cream:hover{background:#fff}.button.outline{background:transparent;color:var(--ink);border-color:var(--line)}.button.outline:hover{background:var(--dark);color:white}.button.transparent{background:none;color:inherit;border-color:currentColor}.text-link{display:inline-flex;gap:22px;align-items:center;padding-bottom:10px;border-bottom:1px solid currentColor;font:700 11px var(--display);text-transform:uppercase;letter-spacing:.13em}.image-cover{width:100%;height:100%;object-fit:cover}.image-frame{position:relative;overflow:hidden;background:linear-gradient(132deg,#c7b7a0,#767561)}.image-frame img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}a:hover .image-frame img{transform:scale(1.06)}.image-credit{position:absolute;right:16px;bottom:15px;color:#fff;font:650 9px var(--display);letter-spacing:.12em;text-transform:uppercase;background:#151b18aa;padding:9px 12px;backdrop-filter:blur(10px)}
/* Navigation */
.site-nav{height:88px;position:fixed;z-index:100;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);color:white;border-bottom:1px solid #ffffff32;transition:background .5s,color .5s,border-color .5s,height .5s}.site-nav.scrolled,.site-nav.on-light{background:#f8f7f3f2;color:var(--ink);border-color:var(--line);backdrop-filter:blur(19px);height:74px}.site-nav.on-light:not(.scrolled){background:#f8f7f3ef}.logo{display:flex;gap:13px;align-items:center;position:relative;z-index:2}.logo-mark{font:500 35px/.85 var(--serif);letter-spacing:-.12em;border:1px solid currentColor;display:grid;place-items:center;width:48px;height:48px;padding-right:4px}.logo-text{display:grid;gap:3px}.logo-text b{font:750 13px/1 var(--display);letter-spacing:.04em;text-transform:uppercase}.logo-text span{font:600 8px/1.5 var(--display);letter-spacing:.27em;text-transform:uppercase;opacity:.68}.nav-links{display:flex;align-items:center;gap:clamp(15px,2.15vw,36px);height:100%}.nav-links>a:not(.nav-contact){position:relative;font:650 10px var(--display);text-transform:uppercase;letter-spacing:.135em;opacity:.84;transition:opacity .25s}.nav-links>a:not(.nav-contact):hover,.nav-links>a[aria-current='page']{opacity:1}.nav-links>a:not(.nav-contact):after{content:'';position:absolute;bottom:-8px;left:0;right:100%;height:1px;background:currentColor;transition:right .3s var(--ease)}.nav-links>a:not(.nav-contact):hover:after,.nav-links>a[aria-current='page']:after{right:0}.nav-contact{font:700 10px var(--display);text-transform:uppercase;letter-spacing:.16em;background:#ded6c5;color:#273127;padding:15px 19px;transition:background .2s}.nav-contact:hover{background:#f6e8d1}.nav-toggle{display:none;background:transparent;color:inherit;border:0;font:700 10px var(--display);letter-spacing:.1em;text-transform:uppercase;z-index:3;gap:11px;align-items:center}.nav-toggle .bars{display:grid;gap:5px}.nav-toggle .bars i{width:25px;height:1px;background:currentColor;display:block;transition:transform .25s}.nav-toggle[aria-expanded='true'] .bars i:first-child{transform:translateY(3px) rotate(45deg)}.nav-toggle[aria-expanded='true'] .bars i:last-child{transform:translateY(-3px) rotate(-45deg)}
/* Hero */
.hero{min-height:780px;height:100svh;position:relative;color:white;display:flex;align-items:flex-end;overflow:hidden;background:#32382e}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,22,18,.79) 0%,rgba(14,20,16,.43) 45%,rgba(12,20,16,.08) 85%),linear-gradient(0deg,rgba(11,17,13,.66),transparent 48%),url('img/hero.webp') center/cover,url('images/kitchen.svg') center/cover;transform:scale(1.1);will-change:transform;animation:heroEnter 1.8s var(--ease) both}@keyframes heroEnter{from{transform:scale(1.17);filter:brightness(.7)}to{transform:scale(1.045);filter:brightness(1)}}.hero-bg:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#111a15a0,transparent 75%)}.hero-content{position:relative;width:100%;z-index:1;padding:140px var(--gutter) 82px}.hero-topline{display:flex;gap:20px;align-items:center;margin-bottom:32px}.hero-topline span:last-child{font:650 10px var(--display);letter-spacing:.17em;text-transform:uppercase;opacity:.72}.hero h1{font:400 clamp(74px,10.4vw,190px)/.79 var(--serif);letter-spacing:-.062em;max-width:1050px;text-shadow:0 2px 30px #101b171a}.hero h1 em{font-style:italic;color:#e1c8a5}.hero h1 .line{display:block}.hero-lower{margin-top:56px;display:flex;align-items:end;justify-content:space-between;gap:34px}.hero-lower p{font-size:clamp(16px,1.6vw,22px);line-height:1.6;max-width:435px;opacity:.87}.hero-scroll{display:flex;align-items:center;gap:16px;font:700 10px var(--display);letter-spacing:.15em;text-transform:uppercase;white-space:nowrap}.hero-scroll .scroll-circle{width:42px;height:42px;border:1px solid #ffffff8a;border-radius:50%;display:grid;place-items:center;animation:bob 2.8s ease-in-out infinite}@keyframes bob{50%{transform:translateY(7px)}}.hero-side{position:absolute;top:44%;right:var(--gutter);z-index:2;writing-mode:vertical-rl;font:650 9px var(--display);letter-spacing:.3em;text-transform:uppercase;opacity:.72}.hero-count{position:absolute;top:calc(88px + 35px);left:var(--gutter);font:650 11px var(--display);letter-spacing:.2em;z-index:2}.hero-progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#ffffff29;z-index:2}.hero-progress:before{content:'';display:block;height:100%;width:28%;background:#ddd0b8}
/* intro */
.intro{display:grid;grid-template-columns:.77fr 1.23fr;gap:10vw;align-items:start;background:var(--paper)}.intro .eyebrow{margin-top:17px;color:var(--sage)}.intro-copy .title-lg{max-width:1000px}.intro-copy .body-copy{max-width:630px;margin-top:36px;font-size:17px}.intro-proof{margin-top:40px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.rating-number{font:400 52px/.9 var(--serif)}.rating-stars{letter-spacing:.27em;color:#ab885f;font-size:17px}.intro-proof .small-note{margin-top:4px}.signature-line{display:flex;align-items:center;gap:12px;margin-top:20px;font:650 11px var(--display);letter-spacing:.1em;text-transform:uppercase}
/* cinematic sticky story */
.story{height:490vh;position:relative;background:#1e251e;color:white}.story-sticky{height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden;display:grid;grid-template-columns:40% 60%;background:radial-gradient(circle at 74% 45%,#3d4436 0%,#222d24 47%,#151e18 100%)}.story-sticky:before{content:'';position:absolute;inset:0;opacity:.12;pointer-events:none;background-image:url('data:image/svg+xml,%3Csvg width=%2264%22 height=%2264%22 viewBox=%220 0 64 64%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22M0 0L64 64M64 0L0 64%22 stroke=%22%23fff%22 stroke-width=%22.4%22/%3E%3C/svg%3E')}.story-copy{position:relative;z-index:5;padding:clamp(95px,11vh,160px) 2vw 70px var(--gutter);display:flex;flex-direction:column;justify-content:space-between;min-width:0}.story-heading{margin-top:30px;font:400 clamp(54px,5.5vw,100px)/.91 var(--serif);letter-spacing:-.055em}.story-heading em{color:#dec5a4;font-style:italic}.story-info{min-height:188px;max-width:470px}.story-chapter{display:none;animation:chapterIn .65s var(--ease) both}.story-chapter.active{display:block}@keyframes chapterIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.story-n{font:700 11px var(--display);letter-spacing:.15em;text-transform:uppercase;color:#c2b097}.story-chapter h3{font:400 clamp(37px,3.2vw,64px)/1.0 var(--serif);margin:13px 0 12px}.story-chapter p{font-size:14px;line-height:1.8;color:#c0c8bd;max-width:370px}.story-nav{display:flex;gap:8px;margin-top:35px}.story-dot{width:35px;height:3px;padding:0;border:0;background:#ffffff48;transition:background .2s,width .5s}.story-dot[aria-current='true']{width:75px;background:#d4bea2}.story-visual{position:relative;min-width:0;height:100%;display:flex;align-items:center;justify-content:center;perspective:1600px}.story-visual:before{content:'';position:absolute;width:70%;height:77%;border:1px solid #ffffff1f;top:11%;right:9%;transform:rotate(-5deg)}.story-image-shell{width:min(83%,860px);height:clamp(420px,68vh,745px);max-height:82%;position:relative;overflow:hidden;border:10px solid #ddd1bc22;box-shadow:0 35px 110px #080b07c0;transform:translate3d(0,var(--story-y,0px),0) rotateY(var(--story-rot,-8deg)) rotateZ(var(--story-z,-2deg)) scale(var(--story-scale,.96));transition:box-shadow .5s;will-change:transform}.story-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .45s linear,transform .8s var(--ease);transform:scale(1.07)}.story-img.active{opacity:1;transform:scale(1.02)}.story-image-shell:after{content:'';position:absolute;inset:0;background:linear-gradient(to top,#0f19134f,transparent 45%);pointer-events:none}.story-corner{position:absolute;top:12%;right:9%;z-index:3;transform:translate(50%,-50%);background:#d8c5a8;color:#253026;font:700 10px var(--display);letter-spacing:.13em;padding:14px 18px;text-transform:uppercase}.story-overlay-tag{position:absolute;bottom:12%;right:5%;background:#ece4d9;color:#252c22;z-index:3;padding:21px 29px;width:230px;box-shadow:0 20px 60px #0007;transform:translate3d(var(--float-x,0px),var(--float-y,0px),0)}.story-overlay-tag strong{display:block;font:400 36px/1 var(--serif)}.story-overlay-tag small{display:block;font:600 9px/1.5 var(--display);letter-spacing:.12em;text-transform:uppercase;margin-top:9px}.story-counter{position:absolute;right:var(--gutter);bottom:30px;font:400 44px var(--serif);color:#f9f2e7bb}.story-counter span{font:600 12px var(--display);color:#ffffff70}.story-note{position:absolute;bottom:28px;left:var(--gutter);font:650 10px var(--display);letter-spacing:.14em;color:#ffffff7b;text-transform:uppercase}.story-scroll-hint{position:absolute;bottom:55px;left:var(--gutter);font:650 10px var(--display);color:#fff9;letter-spacing:.13em}
/* services */
.services{background:var(--bone)}.service-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.service-card{display:block;position:relative;overflow:hidden;background:#d0cabd;height:clamp(410px,44vw,650px);color:white}.service-card .image-frame{height:100%}.service-card img{filter:saturate(.8)}.service-card:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#101815dd,transparent 58%);z-index:1;pointer-events:none}.service-card-body{position:absolute;inset:auto 27px 30px 28px;z-index:2}.service-card-n{font:700 10px var(--display);letter-spacing:.16em;opacity:.75}.service-card h3{font:400 clamp(40px,4vw,64px)/1 var(--serif);margin:12px 0 14px;letter-spacing:-.04em}.service-card p{font-size:13px;line-height:1.6;opacity:.8;max-width:290px}.service-card .service-arrow{position:absolute;right:3px;top:6px;font-size:24px}.services-bottom{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:45px}.services-bottom p{font:450 15px/1.8 var(--sans);color:var(--muted);max-width:560px}
/* material lab */
.material-section{background:#e4dfd2;padding-block:0;overflow:hidden}.material-layout{display:grid;grid-template-columns:43% 57%;min-height:720px}.material-text{padding:clamp(75px,9vw,142px) 5vw 75px var(--gutter);display:flex;flex-direction:column;justify-content:space-between}.material-text .title-lg{margin:24px 0}.material-desc{max-width:400px;font-size:15px;line-height:1.85;color:#656b5e}.material-controls{display:grid;gap:13px;margin-top:48px;max-width:410px}.material-choice{display:flex;align-items:center;gap:18px;border:0;border-bottom:1px solid #443d322b;background:transparent;text-align:left;padding:11px 0 16px;color:#383a31;transition:opacity .25s}.material-choice[aria-pressed='false']{opacity:.55}.material-choice[aria-pressed='true']{opacity:1}.material-choice .swatch{width:44px;height:44px;border:1px solid #342a1c22;box-shadow:inset 0 0 20px #fff3;background:#bb9471}.material-choice b{font:600 15px var(--sans)}.material-choice small{font:400 12px var(--sans);display:block;color:#77786f;margin-top:4px}.material-choice .plus{margin-left:auto;font-size:27px;font-weight:300}.material-choice[aria-pressed='true'] .plus{transform:rotate(45deg)}.swatch.oak{background:repeating-linear-gradient(100deg,#d0ae81,#dfbd91 6px,#b79062 9px,#d7b386 14px)}.swatch.walnut{background:repeating-linear-gradient(100deg,#594030,#805a3c 7px,#3b2c22 10px,#6b4b34 16px)}.swatch.cashmere{background:repeating-linear-gradient(100deg,#b1ad9e,#cbc7b9 18px,#a6a595 24px)}.material-visual{position:relative;min-height:720px;background:linear-gradient(#bdb7a6,#918e78);display:flex;align-items:center;justify-content:center;overflow:hidden}.material-visual:after{content:'WIZUALIZACJA MATERIAŁU';position:absolute;bottom:30px;right:30px;font:700 9px var(--display);letter-spacing:.18em;color:#fff9}.material-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.23) sepia(.14) brightness(.78);opacity:.65;mix-blend-mode:multiply}.material-board{width:min(65%,490px);aspect-ratio:4 / 5;position:relative;z-index:1;box-shadow:25px 35px 70px #1b171270,0 0 1px 2px #fffa inset;transform:perspective(1300px) rotateY(-13deg) rotateX(4deg);transition:background .6s,transform .6s; background:repeating-linear-gradient(92deg,#d3b082,#d9b989 15px,#bd986c 23px,#d3ae80 31px)}.material-visual[data-material='walnut'] .material-board{background:repeating-linear-gradient(92deg,#38291f,#67462f 15px,#3a2a22 23px,#5c3c2b 31px)}.material-visual[data-material='cashmere'] .material-board{background:repeating-linear-gradient(92deg,#bdb9ad,#d5d1c2 60px,#b5b4a7 100px)}.material-board:before{content:'';position:absolute;inset:3.5%;border:1px solid #fff8;background:linear-gradient(125deg,#fff3,#0000 36%,#0002);box-shadow:inset 0 0 35px #0001}.material-board:after{content:'';position:absolute;left:49.7%;top:3.5%;bottom:3.5%;width:2px;background:#21160d59;box-shadow:4px 0 4px #fffa}.board-handle{position:absolute;top:42%;left:45%;height:19%;width:4px;background:linear-gradient(90deg,#7a756c,#f4ebd8,#8c8474);z-index:2;border-radius:6px;box-shadow:20px 0 10px #0002}.board-handle.second{left:54.8%}.material-name{position:absolute;bottom:12%;left:13%;z-index:2;color:white;font:italic 48px var(--serif);text-shadow:0 2px 8px #3337;max-width:65%}
/* gallery */
.gallery{background:var(--paper)}.gallery-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:23px;align-items:start}.gallery-card{display:block;position:relative}.gallery-card .image-frame{height:clamp(330px,44vw,650px)}.gallery-card:nth-child(even){margin-top:90px}.gallery-card:nth-child(3n) .image-frame{height:clamp(350px,36vw,490px)}.gallery-meta{display:flex;justify-content:space-between;gap:16px;margin:23px 0 12px}.gallery-meta span{font:700 10px var(--display);letter-spacing:.15em;text-transform:uppercase;color:#878779}.gallery-card h3{font:500 clamp(33px,3vw,48px)/1.0 var(--serif)}.gallery-card p{font-size:13px;line-height:1.7;color:#818176;margin-top:8px}.gallery-filter{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0 45px}.filter-btn{border:1px solid var(--line);padding:11px 17px;background:transparent;font:700 10px var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}.filter-btn[aria-pressed='true']{background:var(--dark);color:white}.gallery-card[hidden]{display:none}.gallery-cta{text-align:center;margin-top:60px}
/* Craft */
.craft{background:var(--dark);color:#f2f1e8;overflow:hidden}.craft-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:10vw;align-items:center}.craft-photo{aspect-ratio:4/5;position:relative;transform:translateY(0);overflow:hidden}.craft-photo img{object-position:center}.craft-text .title-lg{margin:28px 0 30px}.craft-text p{color:#b4bdb2;font-size:15px;line-height:1.95;max-width:480px}.craft-facts{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:50px 0;border-top:1px solid #ffffff2e;padding-top:30px}.craft-facts strong{display:block;font:400 44px/1 var(--serif)}.craft-facts span{font:600 11px/1.65 var(--display);color:#aab5a6;letter-spacing:.07em;text-transform:uppercase;display:block;max-width:180px;margin-top:8px}
/* steps & CTA */
.process-preview{background:#efece3}.step-list{margin-top:55px;border-top:1px solid var(--line)}.step-row{display:grid;grid-template-columns:100px minmax(160px,1fr) minmax(220px,.85fr) 30px;gap:32px;align-items:center;border-bottom:1px solid var(--line);padding:34px 0}.step-row .num{font:400 28px var(--serif);color:#b0a087}.step-row h3{font:400 clamp(35px,3.5vw,51px) var(--serif)}.step-row p{font-size:13px;line-height:1.8;color:#85857b;max-width:410px}.step-row .arrow{font-size:22px;color:#aca997}.closing{position:relative;color:white;background:#28372e;min-height:590px;display:flex;align-items:center;overflow:hidden}.closing:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#15241be9 0%,#15241baf 64%,#15241b66 100%),url('img/hero.webp') center/cover,url('images/kitchen.svg') center/cover}.closing-inner{position:relative;padding-block:115px}.closing h2{font:400 clamp(62px,8vw,125px)/.88 var(--serif);letter-spacing:-.06em;max-width:950px;margin:22px 0 42px}.closing h2 em{color:#e5d0ae}.closing .section-kicker{color:#d0b794}.closing-actions{display:flex;align-items:center;gap:35px;flex-wrap:wrap}.closing .text-link{color:#f0ece4}
/* footer */
.footer{background:#141e17;color:#e7e7d9;padding:65px var(--gutter) 27px}.footer-top{display:grid;grid-template-columns:1.3fr .75fr .75fr;gap:35px}.footer .logo{margin-bottom:25px}.footer-tagline{font:400 clamp(30px,3vw,50px)/1.12 var(--serif);max-width:380px}.footer h4{font:650 10px var(--display);letter-spacing:.2em;text-transform:uppercase;color:#8b9b8c;margin:3px 0 21px}.footer-links{display:grid;gap:14px}.footer-links a{font-size:13px;color:#c3cabc;transition:color .25s}.footer-links a:hover{color:white}.footer-bottom{margin-top:80px;padding-top:22px;border-top:1px solid #ffffff24;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#8c998d;font-size:11px;line-height:1.8}.footer-bottom a{text-decoration:underline;text-underline-offset:3px}
/* standard subpage */
.sub-hero{padding:clamp(150px,15vw,240px) var(--gutter) clamp(80px,10vw,150px);background:#eae7de;position:relative;overflow:hidden;min-height:610px}.sub-hero.dark{background:#1a241c;color:white}.sub-hero .eyebrow{color:#8b917d}.sub-hero h1{font:400 clamp(76px,10vw,162px)/.88 var(--serif);letter-spacing:-.065em;margin:25px 0 38px;max-width:1000px}.sub-hero h1 em{color:#a8977e}.sub-hero .lead{max-width:650px}.sub-hero.dark .lead{color:#b9c2b7}.sub-hero .hero-index{position:absolute;top:45%;right:var(--gutter);font:400 clamp(80px,12vw,230px)/1 var(--serif);color:#1d24130b;pointer-events:none}.sub-hero.dark .hero-index{color:#ffffff08}.page-subnav{display:flex;gap:25px;flex-wrap:wrap;padding:28px var(--gutter);border-bottom:1px solid var(--line);font:700 10px var(--display);letter-spacing:.13em;text-transform:uppercase}.page-subnav a:hover{color:#a08868}.detail-section{padding:100px var(--gutter);display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.detail-section.reverse .detail-image{order:2}.detail-section .detail-image{height:clamp(420px,46vw,650px)}.detail-number{display:block;font:400 20px var(--serif);color:#a49c88;margin-bottom:24px}.detail-section h2{font:400 clamp(48px,6vw,92px)/.95 var(--serif);letter-spacing:-.055em;margin:15px 0 32px}.detail-section .body-copy{max-width:490px;font-size:16px}.detail-list{list-style:none;margin:34px 0;padding:0;border-top:1px solid var(--line)}.detail-list li{padding:14px 0;border-bottom:1px solid var(--line);font-size:13px;color:#555d50;display:flex;justify-content:space-between;gap:14px}.detail-list li:after{content:none!important;display:none!important}.aside-quote{font:italic 400 clamp(35px,5vw,80px)/1.05 var(--serif);letter-spacing:-.04em;max-width:800px;margin:0 auto;text-align:center}.quote-band{background:#e5dfd2;padding:90px var(--gutter);text-align:center}.quote-band .section-kicker{margin-bottom:25px}.quote-band .button{margin-top:38px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.process-card{padding:36px 29px 50px;background:#eeebe2;border:1px solid #0000000a;min-height:350px;display:flex;flex-direction:column}.process-card .number{font:400 42px var(--serif);color:#ad9b80}.process-card h3{font:400 40px/1.1 var(--serif);margin:auto 0 20px}.process-card p{font-size:13px;line-height:1.8;color:#74786d}.about-feature{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:center}.about-feature img{height:600px;object-fit:cover}.about-feature h2{font:400 clamp(55px,6vw,100px)/.93 var(--serif);letter-spacing:-.05em;margin:25px 0 35px}.about-feature p{font-size:15px;line-height:2;color:#77796d;max-width:530px}.about-feature .eyebrow{color:#848c76}.faq{max-width:880px;margin-inline:auto}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:25px;font:500 clamp(25px,3.4vw,40px) var(--serif);padding:27px 0}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font:400 28px var(--serif)}.faq details[open] summary:after{content:'−'}.faq details p{max-width:650px;color:#73776d;font-size:14px;line-height:1.85;padding:0 0 24px}
/* Contact */
.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:start}.contact-details{display:grid;gap:28px}.contact-details .detail-group{border-top:1px solid var(--line);padding-top:25px}.detail-group .eyebrow{color:#8e937e}.detail-group strong,.detail-group a.main{font:400 clamp(29px,3vw,45px) var(--serif);display:block;margin-top:11px}.contact-form{background:#eeeae0;padding:clamp(26px,4vw,56px)}.contact-form h2{font:400 clamp(38px,4vw,60px) var(--serif);margin:0 0 15px}.contact-form>p{color:#7b7e73;font-size:13px;line-height:1.8;margin-bottom:30px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:grid;gap:8px;margin-bottom:17px}.field label{font:700 10px var(--display);letter-spacing:.14em;text-transform:uppercase}.field input,.field select,.field textarea{border:1px solid #38362f2c;background:#faf9f5;width:100%;padding:15px 16px;outline-offset:0;color:#2c342b;font-size:14px;min-height:50px;border-radius:0}.field textarea{resize:vertical;min-height:130px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#a48c64}.form-status{min-height:30px;font-size:12px;color:#465b44;margin-top:18px;line-height:1.6}.form-note{font-size:11px;line-height:1.7;color:#717468}.form-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:12px 0}.form-actions .button{border:0}.confirmation{display:none;background:#e2e8dc;padding:15px 18px;font-size:13px;line-height:1.65;margin-top:16px}.confirmation.show{display:block}.legal{max-width:900px}.legal h2{font:400 38px var(--serif);margin:36px 0 12px}.legal p,.legal li{line-height:1.85;font-size:14px;color:#666e62;margin-bottom:15px}.legal li{margin-bottom:8px}
/* Image reveal / animation */
.reveal{opacity:0;transform:translateY(35px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal.delay-1{transition-delay:.12s}.reveal.delay-2{transition-delay:.22s}.reveal.delay-3{transition-delay:.32s}.scroll-progress{position:fixed;top:0;left:0;width:0;height:2px;background:#bfa581;z-index:150;pointer-events:none}.back-top{border:1px solid #ffffff47;color:white;background:transparent;padding:13px 17px;font:700 10px var(--display);letter-spacing:.1em;text-transform:uppercase}
@media(max-width:1100px){.nav-links{gap:17px}.nav-links>a:not(.nav-contact){font-size:9px}.story-sticky{grid-template-columns:43% 57%}.story-heading{font-size:clamp(48px,5.5vw,76px)}.story-image-shell{width:90%}.story-copy{padding-right:18px}.service-card-body{left:20px;right:15px}.service-card h3{font-size:44px}.footer-top{grid-template-columns:1.2fr .8fr .8fr}}
@media(max-width:800px){:root{--gutter:23px}.site-nav,.site-nav.on-light,.site-nav.scrolled{height:70px}.logo-mark{width:41px;height:41px;font-size:30px}.logo-text b{font-size:12px}.nav-toggle{display:flex}.nav-links{position:fixed;inset:0;background:#152018;color:white;padding:110px var(--gutter) 40px;display:flex;flex-direction:column;align-items:start;justify-content:start;gap:27px;transform:translateX(103%);transition:transform .6s var(--ease);height:100svh;overflow:auto}.nav-links.open{transform:translateX(0)}.nav-links>a:not(.nav-contact){font:400 48px/.9 var(--serif);letter-spacing:-.03em;text-transform:none;opacity:1}.nav-links .nav-contact{margin-top:15px}.site-nav.menu-active{color:white;background:#152018}.site-nav.menu-active .logo{color:white}.hero{min-height:700px}.hero-content{padding-bottom:50px}.hero h1{font-size:clamp(77px,13vw,125px);max-width:700px}.hero-lower{margin-top:35px}.hero-lower p{max-width:310px;font-size:15px}.hero-scroll{display:none}.hero-side{display:none}.intro{grid-template-columns:1fr;gap:40px}.intro .eyebrow{margin-top:0}.section-head{display:block}.section-head .body-copy{margin-top:20px}.story{height:420vh}.story-sticky{grid-template-columns:1fr;grid-template-rows:43% 57%;min-height:640px}.story-copy{padding:92px var(--gutter) 0}.story-heading{margin-top:15px;font-size:clamp(47px,7vw,70px)}.story-info{min-height:0;max-width:620px}.story-chapter h3{font-size:38px;margin:5px 0 4px}.story-chapter p{font-size:12px;line-height:1.55}.story-nav{margin-top:14px}.story-visual{overflow:visible}.story-image-shell{height:90%;max-height:none;width:76%;border-width:6px}.story-overlay-tag{bottom:11%;right:6%;padding:11px 14px;width:160px}.story-overlay-tag strong{font-size:26px}.story-overlay-tag small{font-size:7px}.story-corner{top:3%;right:9%;font-size:8px}.story-counter{bottom:13px;font-size:30px}.story-note{display:none}.story-scroll-hint{display:none}.service-grid{grid-template-columns:1fr 1fr}.service-card:last-child{grid-column:span 2;height:400px}.service-card{height:465px}.material-layout{grid-template-columns:1fr}.material-text{padding:80px var(--gutter) 55px}.material-visual{min-height:560px}.material-board{width:min(58%,400px)}.craft-inner{grid-template-columns:1fr;gap:60px}.craft-photo{max-height:620px}.craft-text{order:-1}.footer-top{grid-template-columns:1fr 1fr;gap:55px}.footer-top>div:first-child{grid-column:1/-1}.step-row{grid-template-columns:50px 1fr;gap:12px 25px}.step-row p{grid-column:2}.step-row .arrow{display:none}.detail-section{grid-template-columns:1fr;gap:38px}.detail-section.reverse .detail-image{order:0}.detail-section .detail-image{height:440px}.about-feature{grid-template-columns:1fr}.about-feature img{height:480px}.contact-layout{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr 1fr}.sub-hero{min-height:520px}.sub-hero h1{font-size:clamp(75px,12vw,120px)}}
@media(max-width:540px){.hero{min-height:660px;height:93svh}.hero-bg{background-position:center,center,57% center,center}.hero h1{font-size:clamp(66px,14vw,91px)}.hero-topline{margin-bottom:27px}.hero-topline span:last-child{font-size:9px}.hero-lower{align-items:start}.hero-lower p{font-size:14px;max-width:310px}.hero-count{top:90px}.section{padding-block:80px}.title-xl{font-size:65px}.title-lg{font-size:58px}.intro-copy .body-copy{font-size:15px}.story{height:405vh}.story-sticky{grid-template-rows:46% 54%;min-height:610px}.story-copy{padding-top:86px}.story-heading{font-size:52px;margin-top:12px}.story-chapter h3{font-size:34px}.story-chapter p{font-size:12px}.story-image-shell{width:84%;height:88%}.story-overlay-tag{right:0;bottom:9%}.story-corner{right:11%;top:3%}.service-grid{grid-template-columns:1fr}.service-card,.service-card:last-child{grid-column:auto;height:510px}.services-bottom{align-items:start;flex-direction:column}.gallery-grid{grid-template-columns:1fr}.gallery-card:nth-child(even){margin-top:0}.gallery-card .image-frame,.gallery-card:nth-child(3n) .image-frame{height:430px}.gallery-meta{margin-top:17px}.material-visual{min-height:470px}.material-board{width:65%}.material-name{font-size:40px}.craft-photo{max-height:510px}.craft-facts strong{font-size:36px}.step-row h3{font-size:33px}.step-row{padding:29px 0}.closing{min-height:570px}.closing h2{font-size:69px}.closing-actions{align-items:start;flex-direction:column}.footer-top{grid-template-columns:1fr}.footer-top>div:first-child{grid-column:auto}.footer-bottom{margin-top:48px;align-items:start;flex-direction:column}.sub-hero{min-height:500px}.sub-hero h1{font-size:73px}.process-grid{grid-template-columns:1fr}.process-card{min-height:240px}.detail-section{padding-block:65px}.detail-section .detail-image{height:390px}.field-row{grid-template-columns:1fr}.contact-form{padding:24px}.quote-band{padding:85px 23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.hero-bg{transform:none}.story-image-shell{transform:none!important}.story-img{transition:none}.story-overlay-tag{transform:none!important}}
/* Signature interactive wardrobe showroom */
.cabinet-lab{background:#f3efe5;position:relative;overflow:hidden}.cabinet-lab:before{content:'RK';position:absolute;top:-100px;right:-50px;font:400 500px/1 var(--serif);color:#2b392b08;pointer-events:none}.cabinet-lab-inner{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:6vw;min-height:780px}.cabinet-lab-copy{position:relative;z-index:2}.cabinet-lab-copy .title-lg{margin:22px 0 34px}.cabinet-lab-copy .body-copy{max-width:470px}.cabinet-lab-copy .button{margin-top:32px}.cabinet-lab-note{font:650 10px var(--display);text-transform:uppercase;letter-spacing:.1em;color:#8c8d7d;margin-top:23px}.cabinet-scene{position:relative;min-height:650px;display:flex;align-items:center;justify-content:center;perspective:1400px}.cabinet-scene:before{content:'';position:absolute;inset:8% 0 5%;background:radial-gradient(ellipse at 50% 60%,#dad0b7 0%,#cac5b7 55%,#b9b5a8 100%);box-shadow:inset 0 5px 40px #3332}.cabinet-scene:after{content:'';position:absolute;bottom:8%;width:70%;height:35px;background:#191a1545;filter:blur(30px);border-radius:50%}.cabinet{position:relative;width:min(69%,440px);height:520px;background:#5c4d3b;border:14px solid #625744;box-shadow:5px 5px 0 #fff2,28px 30px 50px #15181353;transform:rotateY(-9deg) rotateX(2deg);transform-style:preserve-3d;z-index:1}.cabinet-inner{position:absolute;inset:0;background:#b4a285;overflow:hidden}.cabinet-inner:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#4b3c2a75,transparent 19%,#fff2 50%,#24190e55 100%)}.cabinet-divider{position:absolute;left:50%;top:0;bottom:0;width:6px;background:#67583f}.cabinet-shelf{position:absolute;left:4%;right:4%;height:13px;background:linear-gradient(#d3bf9d,#7f694c);box-shadow:0 10px 13px #30251a55}.cabinet-shelf.s1{top:22%}.cabinet-shelf.s2{top:65%}.cabinet-shelf.s3{top:85%}.cabinet-rail{position:absolute;left:6%;top:37%;width:40%;height:7px;background:#b8b6a5;box-shadow:0 4px 5px #3335}.cabinet-hanger{position:absolute;top:37%;left:11%;width:20%;height:15%;clip-path:polygon(45% 0,53% 0,53% 21%,100% 78%,100% 88%,0 88%,0 78%,45% 21%);background:#e4d8c1;opacity:.93}.cabinet-hanger.second{left:26%;background:#828b7c}.cabinet-box{position:absolute;top:26%;right:5%;width:36%;height:14%;background:#746f5c;border:3px solid #aaa38b}.cabinet-box.second{top:68%;height:14%;background:#d3baa0}.cabinet-door{position:absolute;top:0;bottom:0;width:50%;background:repeating-linear-gradient(93deg,#b48a5e 0px,#dfbb87 16px,#b89165 25px,#d1a777 35px);box-shadow:inset 0 0 45px #27170b29,0 4px 12px #08090344;backface-visibility:visible;transform-style:preserve-3d;transition:transform 1.6s cubic-bezier(.2,.85,.2,1);z-index:3}.cabinet-door:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(93deg,transparent 0,transparent 16px,#462e1723 17px,transparent 21px)}.cabinet-door.left{left:0;transform-origin:left center;border-right:2px solid #fff5}.cabinet-door.right{right:0;transform-origin:right center;border-left:2px solid #3c2b1b33}.cabinet-door .handle{position:absolute;top:43%;width:5px;height:17%;background:linear-gradient(90deg,#746e62,#ebdec6,#7e7565);border-radius:8px;box-shadow:0 3px 7px #1114}.cabinet-door.left .handle{right:16px}.cabinet-door.right .handle{left:16px}.cabinet-scene.open .cabinet-door.left{transform:rotateY(-112deg)}.cabinet-scene.open .cabinet-door.right{transform:rotateY(112deg)}.cabinet-scene.open .cabinet-inner{filter:brightness(1.08)}.cabinet-scene .caption-wood{position:absolute;bottom:5%;right:5%;font:700 9px var(--display);letter-spacing:.17em;text-transform:uppercase;color:#646b5c;z-index:2}.cabinet-lab-copy .button .arrow{font-size:17px}
@media(max-width:800px){.cabinet-lab-inner{grid-template-columns:1fr;gap:10px}.cabinet-lab-copy{padding-top:55px}.cabinet-scene{min-height:570px}.cabinet{height:465px;max-width:365px}.cabinet-lab{padding-block:55px}}
@media(max-width:540px){.cabinet-lab-copy{padding-top:20px}.cabinet-scene{min-height:470px}.cabinet{width:72%;height:370px;border-width:10px}.cabinet-door.left .handle{right:10px}.cabinet-door.right .handle{left:10px}.cabinet-lab:before{font-size:300px}}

/* CINEMATIC STUDIO EDITION — Rafal's authentic imagery, progress scenes, projects and partnerships mockup */
.draft-ribbon{position:fixed;z-index:150;right:15px;bottom:15px;background:#f0e5cd;color:#293226;border:1px solid #a99370;padding:9px 13px;font:700 9px var(--display);letter-spacing:.115em;text-transform:uppercase;box-shadow:0 10px 40px #0002;max-width:calc(100vw - 30px)}
.hero:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(11,19,15,.58),rgba(6,17,13,.1) 75%);z-index:1}.hero-content,.hero-topline,.hero-progress,.hero-count,.hero-side{z-index:2}.hero-bg{background-position:55% center!important}.story-img{filter:saturate(.9)}.image-credit{font-size:9px;letter-spacing:.09em}.gallery-card .image-frame{aspect-ratio:1.15;overflow:hidden}
.signature-projects{background:#eeeae0}.signature-top{display:grid;grid-template-columns:1.25fr .7fr;align-items:end;gap:6vw;margin-bottom:48px}.signature-top .body-copy{max-width:450px;margin-bottom:14px}.signature-grid{display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:310px 310px;gap:12px}.signature-card{position:relative;overflow:hidden;display:block;background:#1b2721;min-height:0}.signature-card.signature-large{grid-row:span 2}.signature-card img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease),filter 1s var(--ease)}.signature-card:hover img{transform:scale(1.065);filter:brightness(.86)}.signature-card:before{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#05120bbb);z-index:1}.signature-overlay{position:absolute;bottom:30px;left:33px;right:28px;z-index:2;color:#fff;display:grid;gap:12px}.signature-overlay small{font:700 10px var(--display);letter-spacing:.18em}.signature-overlay strong{font:500 clamp(29px,3.1vw,50px)/1.03 var(--serif);max-width:470px}.signature-overlay>span{font:700 10px var(--display);letter-spacing:.14em;text-transform:uppercase;opacity:.85}.signature-foot{border-top:1px solid var(--line);padding-top:29px;margin-top:28px;display:flex;justify-content:space-between;align-items:center;gap:20px}.signature-foot>span{font:700 10px var(--display);color:#8a8b7b;letter-spacing:.17em}
.compare-section{background:#17221c;color:#f9f7ef}.compare-grid{display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:6vw}.compare-copy .section-kicker{color:#b9a787}.compare-copy .body-copy{color:#bcc6b8;margin:28px 0;max-width:360px}.compare-copy .micro-label{display:block;font:700 10px var(--display);color:#b6b69c;letter-spacing:.18em;margin-bottom:45px}.compare-copy .text-link{color:#fff}.compare-viewport{position:relative;width:100%;height:min(570px,62vw);min-height:360px;overflow:hidden;--pos:50%;background:#7f7e73;isolation:isolate}.compare-viewport>img,.compare-overlay img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.compare-viewport>img{object-position:55% center}.compare-overlay{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--pos)) 0 0);pointer-events:none}.compare-overlay img{object-position:55% center}.compare-handle{position:absolute;left:var(--pos);z-index:2;top:0;bottom:0;border-left:2px solid #fff;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;pointer-events:none}.compare-handle span{width:58px;height:58px;border-radius:50%;background:#f6f4ea;color:#253329;display:grid;place-items:center;box-shadow:0 5px 25px #0006;font-size:25px}.compare-viewport input{position:absolute;z-index:5;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.compare-label{position:absolute;z-index:3;bottom:18px;background:#142019cc;color:#fff;padding:9px 12px;font:700 9px var(--display);letter-spacing:.13em;pointer-events:none}.compare-label.left{left:19px}.compare-label.right{right:19px}
.brands-section{background:#e5e3d9}.brands-head{display:grid;grid-template-columns:1fr .65fr;gap:5vw;align-items:end;margin-bottom:48px}.brands-head h2{margin-top:25px}.brands-head .body-copy{max-width:420px}.brand-board{border:1px solid #cac8bc}.brand-label{text-align:center;border-bottom:1px solid #cac8bc;padding:18px;font:750 10px var(--display);letter-spacing:.21em;color:#545c4e}.brand-tiles{display:grid;grid-template-columns:repeat(5,1fr)}.brand-tile{min-height:150px;border-right:1px solid #cac8bc;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;font:800 clamp(19px,2.2vw,35px) var(--display);color:#344138;letter-spacing:-.045em}.brand-tile:last-child{border-right:0}.brand-tile small{font:600 9px var(--display);letter-spacing:.12em;text-transform:uppercase;color:#8d8b7e}.brand-tile:hover{background:#dcdacf}.brands-disclaimer{margin-top:15px;font-size:11px;line-height:1.6;color:#7b7f73}
.project-hero{min-height:740px;height:88vh;position:relative;color:white;display:flex;align-items:center;overflow:hidden}.project-hero-photo{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.045)}.project-hero-inner{position:relative;z-index:1;width:100%;padding-top:110px}.project-hero-inner h1{margin:30px 0;max-width:930px}.project-hero-inner p{max-width:510px;line-height:1.8;color:#f0f1e9;font-size:17px}.project-hero-inner .hero-scroll{position:static;display:inline-flex;align-items:center;gap:25px;margin-top:40px}.project-gallery{background:#f0eee7}.project-filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:35px 0 45px;padding-bottom:22px;border-bottom:1px solid var(--line)}.project-filter{border:1px solid #cecec4;background:transparent;padding:12px 17px;font:700 10px var(--display);letter-spacing:.1em;text-transform:uppercase;color:#53594f;transition:all .3s}.project-filter.active,.project-filter:hover{background:var(--dark);color:white;border-color:var(--dark)}.project-count{margin-left:auto;font:600 10px var(--display);color:#81877a;letter-spacing:.12em}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 16px}.project-card{border:0;background:none;text-align:left;padding:0;color:inherit;cursor:zoom-in;min-width:0;display:block}.project-card[hidden]{display:none}.project-photo{display:block;position:relative;overflow:hidden;height:clamp(220px,26vw,395px);background:#ddd}.project-photo img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}.project-card:hover img{transform:scale(1.075)}.project-magnify{position:absolute;right:16px;bottom:15px;width:44px;height:44px;border-radius:50%;background:#e9e8e0;color:#1b2b21;display:grid;place-items:center;font:22px var(--sans);font-style:normal;opacity:0;transform:translateY(10px);transition:.35s}.project-card:hover .project-magnify,.project-card:focus-visible .project-magnify{opacity:1;transform:none}.project-info{display:grid;gap:7px;padding:20px 0 4px}.project-info small{font:700 10px var(--display);letter-spacing:.15em;color:#879179}.project-info strong{font:500 30px var(--serif)}.project-info>span{font-size:12px;color:#818477;line-height:1.7}.gallery-legal{margin-top:50px;color:#828477;font-size:11px}.project-lightbox{position:fixed;z-index:220;inset:0;background:#07100cee;display:flex;align-items:center;justify-content:center;padding:66px 95px}.project-lightbox[hidden]{display:none}.project-lightbox figure{max-width:min(100%,1100px);height:100%;margin:0;display:flex;flex-direction:column;justify-content:center;min-width:0}.project-lightbox img{max-height:calc(100% - 58px);max-width:100%;object-fit:contain;box-shadow:0 18px 50px #0005}.project-lightbox figcaption{color:white;display:flex;justify-content:space-between;gap:20px;padding-top:17px;font:500 15px var(--sans)}.project-lightbox figcaption span{color:#b4b8ae;font-size:12px}.project-lightbox button{border:1px solid #ffffff77;color:#fff;background:#1f2f26cc;width:51px;height:51px;font:32px var(--sans);position:absolute;cursor:pointer}.project-lightbox button:hover{background:#b59e76}.project-close{top:20px;right:20px}.project-back{left:20px;top:50%}.project-next{right:20px;top:50%}
@media(max-width:900px){.signature-grid{grid-template-rows:270px 270px}.brand-tiles{grid-template-columns:repeat(3,1fr)}.brand-tile:nth-child(3){border-right:0}.brand-tile:nth-child(-n+3){border-bottom:1px solid #cac8bc}.brand-tile:nth-child(4){border-bottom:0}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-grid,.brands-head{grid-template-columns:1fr;gap:40px}.compare-viewport{height:490px}}
@media(max-width:650px){.draft-ribbon{font-size:8px;left:12px;right:12px;bottom:12px;text-align:center}.signature-top{display:block}.signature-top .body-copy{margin-top:22px}.signature-grid{grid-template-columns:1fr;grid-template-rows:410px 295px 295px}.signature-card.signature-large{grid-row:auto}.signature-overlay{left:22px;bottom:25px}.signature-foot{align-items:flex-start;flex-direction:column}.brand-tiles{grid-template-columns:repeat(2,1fr)}.brand-tile{min-height:105px;border-right:1px solid #cac8bc;border-bottom:1px solid #cac8bc!important;font-size:22px}.brand-tile:nth-child(even){border-right:0}.brand-tile:last-child{border-bottom:0!important}.project-hero{min-height:650px;height:88svh}.project-hero-inner h1{font-size:clamp(65px,14vw,90px)}.project-grid{grid-template-columns:1fr;gap:20px}.project-photo{height:390px}.project-filters{gap:7px}.project-filter{font-size:9px;padding:10px}.project-count{width:100%;margin:8px 0 0}.compare-viewport{min-height:340px;height:430px}.project-lightbox{padding:70px 55px}.project-lightbox button{width:42px;height:42px}.project-back{left:5px}.project-next{right:5px}.compare-copy .micro-label{margin-bottom:28px}}
@media(prefers-reduced-motion:reduce){.signature-card img,.project-card img{transition:none}.project-hero-photo{transform:none}}


/* Trevqio Studio • AGD and confirmed material suppliers */
.intro-proof-label{display:flex;flex-direction:column;gap:9px;border-top:1px solid #b3b5a6;padding-top:20px}.intro-proof-label strong{font:500 1.2rem/1.2 sans-serif;letter-spacing:.24em}.intro-proof-label span{font-size:.83rem;opacity:.65}
.partners-showcase{background:#e7e7dc;color:#17241e;overflow:hidden;padding:120px 0 90px}.partners-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:end;margin-bottom:74px}.partners-intro .body-copy{margin:0}.partner-marquee{background:#14251d;color:#eee7d4;padding:40px 0;overflow:hidden;border-radius:2px}.partner-track{display:flex;width:max-content;gap:75px;white-space:nowrap;align-items:center;animation:marquee-p 32s linear infinite}.partner-track span{font-family:Arial,sans-serif;letter-spacing:.09em;font-weight:700;font-size:clamp(1.4rem,3.3vw,3.7rem);padding:0 12px}.partner-marquee:hover .partner-track{animation-play-state:paused}.partners-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:25px}.partners-footer p{font-size:.85rem;max-width:690px;opacity:.67}@keyframes marquee-p{to{transform:translateX(-50%)}}
.agd-feature{display:grid;grid-template-columns:1fr 1fr;min-height:760px;background:#15251d;color:#f7f4e9}.agd-feature-photo{position:relative;background:linear-gradient(90deg,rgba(0,0,0,.12),transparent),url('img/hero-kitchen.webp') center/cover no-repeat;min-height:650px}.agd-photo-caption{position:absolute;left:40px;bottom:40px;font-size:11px;font-weight:600;letter-spacing:.18em;background:#17231cd9;padding:13px 17px}.agd-feature-content{padding:clamp(42px,6vw,115px);display:flex;flex-direction:column;justify-content:center}.agd-feature h2{font-size:clamp(2.7rem,4.5vw,5.6rem);line-height:1.05;letter-spacing:-.045em;margin:20px 0 27px}.agd-feature h2 em,.warranty-layout h2 em,.agd-subhero em{font-family:Georgia,serif;font-weight:400}.agd-feature-content>p{line-height:1.8;color:#c9d0c8;max-width:520px}.appliance-names{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.appliance-names span{font-size:.74rem;letter-spacing:.03em;padding:10px 14px;border:1px solid #7e99836b;border-radius:40px}.warranty-feature{display:flex;align-items:center;gap:22px;border-block:1px solid #a6b6a84a;margin:30px 0;padding:25px 0}.warranty-feature strong{font-size:clamp(3.4rem,5vw,5.7rem);font-weight:400;white-space:nowrap;line-height:1}.warranty-feature strong span{font-size:1.1rem}.warranty-feature div{display:flex;flex-direction:column;gap:7px}.warranty-feature b{font-size:.94rem}.warranty-feature small{font-size:.75rem;line-height:1.55;color:#c3ccbf}.elica-spotlight{border-left:2px solid #c0a77f;padding-left:22px;margin-bottom:32px}.elica-spotlight small{display:block;font-size:.68rem;letter-spacing:.2em;color:#c6b9a0}.elica-spotlight strong{display:block;font-size:clamp(2rem,4vw,3.8rem);letter-spacing:.09em;margin:7px 0}.elica-spotlight p{color:#bec8bc;font-size:.88rem;margin:0}.agd-feature-content .button{align-self:flex-start}
.partner-statics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.partner-statics>div{padding:35px 18px;background:#17281f;color:#eeeadd;display:flex;flex-direction:column;gap:12px;min-height:155px;justify-content:center}.partner-statics strong{font-family:Arial,sans-serif;font-size:clamp(1rem,1.8vw,1.7rem);letter-spacing:.06em}.partner-statics small{opacity:.7}
.agd-subhero{background:linear-gradient(110deg,#10231deb,#10231d88),url('img/hero.webp') center/cover no-repeat;color:#f5f2e6;min-height:620px;display:flex;align-items:center}.agd-subhero .wrap{width:100%}.agd-subhero h1{font-size:clamp(3.6rem,7vw,7.8rem);line-height:1.05;margin:26px 0}.agd-subhero p{max-width:550px;color:#e3e3d8;line-height:1.7;margin-bottom:32px}.appliance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:45px 0}.appliance-card{background:#e9e9dd;padding:35px}.appliance-card span{font-size:.72rem;letter-spacing:.15em;color:#53665a}.appliance-card h3{font-size:1.65rem;margin:25px 0 14px}.appliance-card p{line-height:1.7;color:#43554a}.warranty-banner{padding:100px 0;background:#203429;color:#f1eee1}.warranty-layout{display:grid;grid-template-columns:1fr 1.6fr;gap:70px;align-items:center}.warranty-big{font-size:clamp(8rem,19vw,19rem);line-height:1;letter-spacing:-.12em;color:#c6b491;white-space:nowrap}.warranty-big span{font-size:clamp(1rem,3vw,2.3rem);vertical-align:top;letter-spacing:0;display:inline-block;padding-top:27px;margin-left:10px}.warranty-layout h2{font-size:clamp(2.7rem,5vw,5rem);line-height:1.1;margin:18px 0 25px}.warranty-layout p{max-width:600px;line-height:1.8;color:#d2ddcf}.agd-end{padding-block:120px}.agd-end .body-copy{max-width:760px;margin-top:30px}.agd-brandline{font-size:clamp(.95rem,2vw,1.8rem);margin-top:55px;font-weight:700;letter-spacing:.05em}.agd-brandline span{color:#a4a699;margin:0 10px}
@media(max-width:900px){.partners-intro,.agd-feature,.warranty-layout{grid-template-columns:1fr}.agd-feature-photo{min-height:390px}.agd-feature-content{padding:52px 30px}.partner-statics{grid-template-columns:repeat(2,1fr)}.appliance-grid{grid-template-columns:1fr}.partners-showcase{padding:70px 0}.partners-intro{gap:24px;margin-bottom:34px}.warranty-banner{padding:60px 0}.warranty-layout{gap:16px}}
@media(max-width:500px){.partners-footer{flex-direction:column;align-items:flex-start}.partner-track{gap:34px}.partner-track span{font-size:1.5rem}.warranty-feature{align-items:flex-start;gap:14px}.warranty-feature strong{font-size:3.7rem}.partner-statics{grid-template-columns:1fr 1fr}.partner-statics>div{padding:20px 12px;min-height:125px}.agd-feature-photo{min-height:310px}.agd-brandline{line-height:2}}
@media(prefers-reduced-motion:reduce){.partner-track{animation:none}}

/* New curated iCloud photo features */
.new-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}.new-feature-card{position:relative;display:block;overflow:hidden;border-radius:7px;background:#17201b;min-height:360px;color:#fff}.new-feature-card img{height:100%;width:100%;position:absolute;inset:0;object-fit:cover;transition:transform .7s ease,filter .5s ease;filter:brightness(.84)}.new-feature-card:hover img{transform:scale(1.055);filter:brightness(.7)}.new-feature-card span{position:absolute;bottom:0;left:0;right:0;padding:28px 22px 20px;font-size:19px;font-weight:600;background:linear-gradient(transparent,#101914d9)}@media(max-width:760px){.new-feature-grid{grid-template-columns:1fr}.new-feature-card{min-height:285px}}

/* Verified Google ratings section */
.reviews-google{background:#e8e7dd;color:#17231e;padding:110px 0;overflow:hidden}
.reviews-google-inner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);align-items:center;gap:clamp(30px,7vw,110px)}
.reviews-google-copy .title-lg{margin:20px 0 30px}
.reviews-google-copy .body-copy{max-width:580px;margin-bottom:35px}
.reviews-google-button{background:#203a2d!important;color:#fff!important;display:inline-flex;align-items:center;gap:24px}
.reviews-google-score{position:relative;background:#f8f7f1;border:1px solid #d7d7cb;padding:clamp(30px,5vw,58px);box-shadow:18px 22px 0 #d6d8cb;transform:rotate(-1deg)}
.reviews-google-brand{letter-spacing:.08em;font-size:13px;font-weight:750;text-transform:uppercase;display:flex;align-items:center;gap:14px}
.google-letter{font-size:28px;letter-spacing:0;text-transform:none;font-weight:800;color:#4285f4}
.reviews-google-number{font-family:Georgia,serif;font-size:clamp(90px,12vw,154px);line-height:1;letter-spacing:-.07em;margin:26px 0 3px}
.reviews-google-number span{font-size:.57em;letter-spacing:-.04em}
.reviews-google-number small{font:400 18px system-ui;letter-spacing:0;color:#788178;margin-left:16px}
.reviews-google-stars{font-size:32px;color:#a5814b;letter-spacing:4px}
.reviews-google-count{margin-top:10px;color:#526056;font-size:16px}
.reviews-google-rule{height:1px;background:#d2d5c8;margin:30px 0}
.reviews-google-quote{font-family:Georgia,serif;font-style:italic;font-size:clamp(21px,2vw,29px);line-height:1.4}
.reviews-google-caveat{font-size:12px;line-height:1.6;color:#657167;margin-top:25px}
@media(max-width:780px){.reviews-google{padding:75px 0}.reviews-google-inner{grid-template-columns:1fr}.reviews-google-score{box-shadow:9px 12px 0 #d6d8cb}.reviews-google-number{font-size:100px}}

/* Opinie Google — cinematic scroll cards */
.review-slider-wrap{margin-top:clamp(80px,10vw,140px)}
.review-slider-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}
.review-slider-heading h3{font:400 clamp(34px,4.4vw,65px)/1.06 Georgia,serif;letter-spacing:-.055em;margin:16px 0 0;max-width:700px}
.review-slider-heading h3 em{font-weight:400;color:#697b6c}
.review-slider-actions{display:flex;gap:10px;flex-shrink:0}
.review-arrow{cursor:pointer;border:1px solid #abb5a9;border-radius:50%;height:52px;width:52px;background:transparent;color:#17231e;font-size:25px;transition:background .25s,color .25s,transform .25s}
.review-arrow:hover,.review-arrow:focus-visible{background:#203a2d;color:#fff;transform:translateY(-3px)}
.review-slider{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:1px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#a4afa0 transparent;padding:7px 3px 24px;overscroll-behavior-inline:contain}
.review-item{scroll-snap-align:start;flex:0 0 min(410px,85vw);min-height:345px;display:flex;flex-direction:column;justify-content:space-between;background:#f9f8f2;border:1px solid #d1d7ca;padding:clamp(23px,3vw,37px);box-shadow:0 12px 35px rgba(24,44,30,.065);transition:transform .3s,border-color .3s}
.review-item:hover{transform:translateY(-5px);border-color:#8f9c89}
.review-item-top{display:flex;align-items:center;justify-content:space-between;gap:15px}
.review-item-source{font:700 11px system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#415a48}
.review-item-stars{color:#b08b4a;letter-spacing:2px;font-size:17px;white-space:nowrap}
.review-item blockquote{font:400 clamp(17px,1.5vw,21px)/1.55 Georgia,serif;color:#263a2d;margin:27px 0 30px}
.review-item-footer{display:flex;align-items:center;gap:12px;border-top:1px solid #e0e2d9;padding-top:20px}
.review-item-avatar{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:#dce5d8;color:#36533e;font:600 16px system-ui,sans-serif;flex-shrink:0}
.review-item-footer strong{display:block;font:650 13px system-ui,sans-serif;color:#263a2d}
.review-item-footer small{display:block;font:400 12px system-ui,sans-serif;color:#728074;margin-top:3px}
.review-slider-disclaimer{margin-top:17px;font-size:12px;line-height:1.6;color:#6a746a;max-width:900px}
@media(max-width:600px){.review-slider-heading{align-items:end}.review-slider-heading h3{font-size:36px}.review-arrow{height:42px;width:42px}.review-item{min-height:330px}}
@media(prefers-reduced-motion:reduce){.review-slider{scroll-behavior:auto}.review-item,.review-arrow{transition:none}}

/* Single-state cabinet demo: open and closed are mutually exclusive. */
.compare-toggle-viewport{position:relative;min-height:420px}
.compare-toggle-viewport .compare-state{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#252e29}
.compare-toggle-viewport .compare-state[hidden]{display:none!important}
.compare-toggle-viewport .compare-toggle-button{position:absolute;bottom:22px;right:20px;z-index:7;padding:15px 23px;border:1px solid #e9e5d8;color:#17221c;background:#f6f1e6;border-radius:4px;font-weight:700;letter-spacing:.04em;cursor:pointer;box-shadow:0 5px 25px #0003}
.compare-toggle-button:hover,.compare-toggle-button:focus-visible{background:#fff;transform:translateY(-2px)}
.compare-toggle-viewport .compare-status{position:absolute;left:17px;bottom:26px;color:#fff;background:#17221cd9;padding:9px 12px;font:600 12px sans-serif}
@media(max-width:650px){.compare-toggle-viewport{min-height:300px;height:390px}.compare-toggle-viewport .compare-status{top:15px;bottom:auto}.compare-toggle-viewport .compare-toggle-button{bottom:15px;right:15px}}


/* Trevqio · Visual-storytelling HQ pass — crisp photographs, softer cinematic motion */
.story-sticky{grid-template-columns:minmax(350px,38%) minmax(0,62%);gap:0}
.story-copy{padding-right:clamp(18px,3vw,66px)}
.story-visual{perspective:2800px;isolation:isolate}
.story-visual:before{width:88%;height:87%;top:7%;right:3%;transform:rotate(-1.8deg);border-color:rgba(232,216,189,.2);pointer-events:none}
.story-image-shell{width:min(94%,1100px);height:min(77vh,790px);max-height:84%;border:1px solid rgba(232,216,189,.35);box-shadow:0 26px 70px rgba(2,11,7,.46),0 0 0 11px rgba(232,216,189,.035);transform:translate3d(0,var(--story-y,0px),0) rotateY(var(--story-rot,-2deg)) rotateZ(var(--story-z,-.7deg)) scale(var(--story-scale,.994));background:#162019}
.story-img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;opacity:0;filter:none!important;transform:scale(1.015);transition:opacity .5s ease,transform 1.1s cubic-bezier(.2,.75,.2,1);image-rendering:auto;backface-visibility:hidden}
.story-img.active{opacity:1;transform:scale(1)}
.story-img[data-story-scene='1']{object-position:center 50%}
.story-img[data-story-scene='2']{object-position:center 50%}
.story-img[data-story-scene='3']{object-position:center 47%}
.story-img[data-story-scene='4']{object-position:center 55%}
.story-image-shell:after{background:linear-gradient(180deg,transparent 67%,rgba(9,16,10,.15));pointer-events:none}
.story-overlay-tag{bottom:9%;right:1%;padding:21px 25px;width:220px;background:rgba(244,238,227,.96);box-shadow:0 15px 42px rgba(0,0,0,.19);backdrop-filter:blur(4px)}
.story-overlay-tag strong{font-size:clamp(27px,2vw,35px)}
.story-corner{top:8.5%;right:7%;transform:none;font-size:9px;background:#d8c5a8;color:#243125;padding:12px 14px}
.story-visual .story-counter{font-size:36px;right:4%;bottom:3%}
@media(max-width:1100px){.story-sticky{grid-template-columns:43% 57%}.story-image-shell{width:93%;height:72vh}.story-overlay-tag{right:0%;width:176px;padding:14px 15px}.story-overlay-tag strong{font-size:28px}}
@media(max-width:800px){.story-sticky{grid-template-columns:1fr;grid-template-rows:43% 57%}.story-visual{perspective:2200px}.story-image-shell{height:88%;width:86%;max-height:none}.story-overlay-tag{bottom:8%;right:2%;width:170px}.story-corner{top:3%;right:7%;max-width:185px;line-height:1.4}.story-visual .story-counter{bottom:12px;font-size:26px}}
@media(max-width:540px){.story-sticky{grid-template-rows:46% 54%}.story-image-shell{width:88%;height:86%}.story-overlay-tag{right:0;bottom:7%;width:145px;padding:11px}.story-overlay-tag strong{font-size:24px}.story-overlay-tag small{font-size:7px}.story-corner{font-size:7px;top:2%;right:4%;max-width:145px;padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.story-image-shell{transform:none!important}.story-img{transform:none!important;transition:none!important}}


/* Comparison: a single, real under-stairs wardrobe photographed in two configurations. */
.compare-cinematic{background:radial-gradient(ellipse at 50% 38%,#253c30 0%,#172c22 45%,#101f19 100%);color:#f8f4e9;position:relative;overflow:hidden}
.compare-cinematic::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;background:repeating-linear-gradient(125deg,transparent 0,transparent 119px,#c5af8f 120px,transparent 121px)}
.compare-cinematic .compare-grid{position:relative;z-index:1;display:flex;flex-direction:column;gap:clamp(21px,3.2vw,44px);width:min(100%,1110px);margin:0 auto}
.compare-cinematic .compare-copy{max-width:750px;margin:0 auto;text-align:center}
.compare-cinematic .compare-copy .section-kicker{color:#d6c19d;letter-spacing:.18em}
.compare-cinematic .compare-copy .title-lg{margin:20px 0 14px;font-size:clamp(44px,5.4vw,88px);line-height:1.02}
.compare-cinematic .compare-copy .body-copy{max-width:590px;color:#e2e1d8;font-size:clamp(13px,1.3vw,16px);line-height:1.75;margin:0 auto}
.compare-cinematic .compare-showcase{width:100%;min-width:0}
.compare-cinematic .compare-viewport{height:auto;min-height:0;width:100%;aspect-ratio:1947 / 1460;border-radius:12px;border:1px solid #ffffff55;box-shadow:0 32px 95px #030e0999;background:#13211a;--pos:50%}
.compare-cinematic .compare-viewport>img,.compare-cinematic .compare-overlay img{object-fit:cover;object-position:center center;user-select:none;-webkit-user-drag:none}
.compare-cinematic .compare-viewport .compare-overlay{z-index:1;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.compare-cinematic .compare-viewport .compare-handle{left:var(--pos);z-index:3;border-left:2px solid #faf3e9;transform:translateX(-1px)}
.compare-cinematic .compare-viewport .compare-handle span{height:56px;width:56px;border-radius:50%;background:#eee7d8;color:#1c3026;border:1px solid #c4b18d;font:500 24px/1 Georgia,serif;box-shadow:0 6px 22px #07150ba8;white-space:nowrap}
.compare-cinematic .compare-viewport input{z-index:5;inset:0;width:100%;height:100%;cursor:ew-resize;touch-action:pan-y}
.compare-cinematic .compare-viewport input:focus-visible{outline:3px solid #dfc6a0;outline-offset:-6px}
.compare-cinematic .compare-hint{display:flex;justify-content:center;gap:16px;align-items:center;color:#d9c8ae;letter-spacing:.17em;font:700 10px/1.5 var(--display);margin:20px 0 0;text-align:center}
.compare-cinematic .compare-hint-line{display:inline-block;width:58px;height:1px;background:#9e967e;opacity:.65}
.compare-cinematic .compare-footer{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #ffffff29;padding-top:22px}
.compare-cinematic .compare-footer>span{font:700 10px/1.6 var(--display);letter-spacing:.14em;color:#b6beaf}
.compare-cinematic .compare-footer .text-link{color:#f7f0e2}
@media(max-width:650px){.compare-cinematic .compare-grid{gap:25px}.compare-cinematic .compare-viewport{min-height:0;height:auto;aspect-ratio:4/3;border-radius:7px}.compare-cinematic .compare-viewport .compare-handle span{height:44px;width:44px;font-size:20px}.compare-cinematic .compare-copy .title-lg{font-size:clamp(42px,10vw,60px)}.compare-cinematic .compare-copy .body-copy{font-size:13px}.compare-cinematic .compare-hint{letter-spacing:.09em;gap:8px;font-size:8px}.compare-cinematic .compare-hint-line{width:17px}.compare-cinematic .compare-footer{align-items:flex-start;flex-direction:column}.compare-cinematic .compare-footer>span{font-size:9px}}


/* === Preview for Rafał · confirmed material species and AGD registration === */
.swatch.oak,.material-visual[data-material='oak'] .material-board{background-image:linear-gradient(130deg,#fff3,transparent 42%,#39251219),url('img/wood-oak.webp');background-size:cover;background-position:center}
.swatch.walnut,.material-visual[data-material='walnut'] .material-board{background-image:linear-gradient(130deg,#fff2,transparent 43%,#160c0738),url('img/wood-walnut.webp');background-size:cover;background-position:center}
.swatch.ash,.material-visual[data-material='ash'] .material-board{background-image:linear-gradient(130deg,#fff4,transparent 42%,#30271912),url('img/wood-ash.webp');background-size:cover;background-position:center}
.material-choice:focus-visible{outline:2px solid #495f50;outline-offset:4px}
.material-choice:hover{opacity:1!important}
.material-board{transition:background-image .22s ease,filter .3s ease,transform .6s ease}
.material-controls{margin-top:30px}
.wood-extra{max-width:445px;margin:17px 0 4px;color:#5e685b;font-size:12px;line-height:1.8;border-left:2px solid #9d9e83;padding-left:16px}
.wood-extra strong{color:#263b2d;font-weight:700}
.material-text{gap:20px;padding-top:clamp(72px,7.6vw,120px);padding-bottom:55px}
.material-text .small-note{display:block;font-size:10px;line-height:1.55;max-width:500px}
.material-name{max-width:76%;font-size:clamp(28px,3.25vw,49px)}
.agd-registration{display:flex;align-items:flex-start;gap:15px;margin:-10px 0 26px;background:#dae2d019;border:1px solid #cfddc02f;padding:17px 18px;border-radius:3px;max-width:550px}
.agd-registration .reg-icon{width:25px;height:25px;flex:0 0 25px;border-radius:50%;background:#c4cba8;color:#183124;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:17px}
.agd-registration b{display:block;font-size:14px;color:#faf6e9;line-height:1.45}
.agd-registration p{font-size:12px;line-height:1.75;color:#c7d0c7;margin:6px 0 0}
.warranty-perks{display:grid;gap:13px;margin:27px 0}
.warranty-perk{display:flex;gap:14px;align-items:flex-start;background:#ffffff0b;border:1px solid #ffffff24;padding:17px 18px;border-radius:3px}
.warranty-perk .check-icon{color:#d9caad;font-size:22px;line-height:1}
.warranty-perk strong{display:block;font-size:14px;color:#fff8e9}
.warranty-perk small{display:block;font-size:12px;color:#d9dfd3;line-height:1.6;margin-top:4px}
.warranty-legal-note{font-size:11px;color:#bec7b8!important;line-height:1.75!important;margin-top:16px}
@media(max-width:900px){.material-text{padding-top:65px;padding-bottom:40px}.wood-extra{margin-top:16px}.agd-registration{margin-top:0}}
@media(max-width:500px){.material-choice b{font-size:14px}.material-controls{gap:6px}.wood-extra{font-size:11px}.material-name{font-size:32px}.warranty-perk{padding:14px}.agd-registration{padding:13px}}


/* Trevqio Studio — mobile polish / iPhone layout / 13 Nov 2026 */
@media (max-width: 800px) {
  html { width:100%; max-width:100%; overflow-x:clip; -webkit-text-size-adjust:100%; text-size-adjust:100%; }
  body { width:100%; max-width:100%; overflow-x:clip; }
  main, section, header, footer { max-width:100%; }
  .wrap { padding-inline:clamp(18px,5vw,27px); }
  .site-nav { width:100%; max-width:100vw; padding-inline:clamp(15px,4vw,25px); }
  .logo, .logo-text, .site-nav .nav-toggle { min-width:0; }
  .section-head, .craft-inner, .craft-text, .craft-facts, .compare-grid, .compare-showcase, .material-layout, .material-text, .material-visual, .warranty-layout, .agd-feature-content, .signature-grid { min-width:0; max-width:100%; }
  h1, h2, h3, p, .body-copy, .title-lg, .title-xl, .title-md { overflow-wrap:break-word; }
  .title-xl { font-size:clamp(43px,11vw,72px); }
  .title-lg { font-size:clamp(39px,10.5vw,62px); line-height:1.06; }
  .title-md { font-size:clamp(35px,9vw,56px); }
  .section-head { gap:17px; }
  .section { padding-block:clamp(58px,12vw,88px); }
  .button { max-width:100%; gap:16px; white-space:normal; text-align:left; }
  .text-link { max-width:100%; white-space:normal; gap:14px; line-height:1.6; }
  .text-link .arrow, .button .arrow { flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; min-width:21px; font-family:Arial,sans-serif; font-size:20px; }
  .craft-inner { display:grid; grid-template-columns:minmax(0,1fr); gap:34px; }
  .craft-text { order:-1; }
  .craft-text .title-lg { margin:16px 0 23px; }
  .craft-text p { font-size:14px; line-height:1.75; }
  .craft-facts { grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; margin:30px 0; }
  .craft-facts span { overflow-wrap:break-word; letter-spacing:.025em; }
  .craft-photo { max-height:none; }
  .warranty-feature { min-width:0; }
  .warranty-feature>div { min-width:0; }
  .agd-registration, .warranty-perk { max-width:100%; min-width:0; }
  .compare-grid { grid-template-columns:minmax(0,1fr); }
  .compare-showcase { width:100%; }
  .compare-viewport, .compare-toggle-viewport { max-width:100%; }
  .compare-viewport img, .compare-overlay img { max-width:none; }
  .compare-hint { flex-wrap:wrap; text-align:center; justify-content:center; }
  .material-layout { grid-template-columns:minmax(0,1fr); }
  .material-text { padding-inline:var(--gutter); }
  .gallery-grid, .new-feature-grid, .project-grid { min-width:0; }
  .closing h2,.sub-hero h1 { font-size:clamp(45px,11vw,72px); }
  .footer-top,.footer-bottom { min-width:0; }
}
@media (max-width: 540px) {
  :root { --gutter:20px; }
  .logo-mark { width:39px;height:39px;flex:0 0 39px;font-size:27px; }
  .logo-text b {font-size:11px;}
  .logo-text span { font-size:8px; letter-spacing:.14em; }
  .nav-toggle { gap:10px; font-size:11px; }
  .hero { min-height:0; height:min(850px,95svh); }
  .hero-content { padding-top:130px; }
  .hero h1 { font-size:clamp(53px,13.2vw,73px);line-height:.89; }
  .hero-lower { gap:15px; }
  .hero-lower p { font-size:14px; line-height:1.6; }
  .story-sticky { min-height:0; height:100svh; grid-template-rows:48% 52%; }
  .story-copy { padding-top:82px; padding-bottom:4px; }
  .story-heading { font-size:clamp(36px,11vw,50px); }
  .story-chapter h3 { font-size:clamp(27px,8vw,34px); }
  .story-image-shell { width:88%; }
  .signature-grid { grid-template-columns:minmax(0,1fr); }
  .signature-overlay strong { font-size:clamp(26px,7vw,37px); }
  .project-hero-inner h1 { font-size:clamp(48px,12vw,72px); }
  .project-photo { height:clamp(240px,85vw,375px); }
  .craft-facts strong { font-size:35px; }
  .craft-facts span { font-size:10px; }
  .craft .text-link { font-size:10px; letter-spacing:.08em; }
  .material-visual { min-height:clamp(350px,95vw,470px); }
  .material-board { width:min(65%,350px); }
  .compare-cinematic .compare-viewport { touch-action:pan-y; }
  .compare-cinematic .compare-hint { font-size:10px; letter-spacing:.045em; line-height:1.5; }
  .compare-cinematic .compare-hint-line { display:none; }
  .warranty-feature { align-items:center; gap:12px; }
  .warranty-feature strong { font-size:clamp(42px,12vw,62px); }
  .warranty-feature b { font-size:13px; line-height:1.4; }
  .agd-registration { padding:15px; }
  .agd-registration b { font-size:13px; }
  .agd-registration p { font-size:12px; }
  .agd-brandline { font-size:15px; line-height:1.7; }
  .partner-track span {font-size:19px;}
  .section-kicker, .eyebrow { letter-spacing:.13em; }
  .draft-ribbon { max-width:calc(100% - 24px); line-height:1.4; font-size:7px; padding:9px 8px; }
  .compare-mobile-controls { display:flex; }
}
/* Use prominent text-labelled controls rather than tiny ambiguous arrows. */
.compare-mobile-controls { display:none; align-items:center; justify-content:space-between; gap:12px; margin-top:16px; }
.compare-mobile-controls button { flex:1; display:flex; align-items:center; justify-content:center; gap:9px; min-width:0; min-height:48px; padding:12px; border:1px solid #c4bba9; border-radius:6px; background:#e9e4d9; color:#1b2b23; font:600 12px/1.35 var(--sans); cursor:pointer; }
.compare-mobile-controls button:active { background:#fff; }
@media(min-width:541px) and (max-width:800px) { .compare-mobile-controls { display:flex; } }


/* Trevqio Studio / MOBILE V3: compact galleries, clean labels and no emoji arrows */
@media (max-width: 760px) {
  *, *::before, *::after { box-sizing:border-box; }
  html, body { max-width:100%; overflow-x:hidden; }
  .wrap { width:100%; max-width:100%; padding-left:20px; padding-right:20px; }
  .gallery, .gallery-grid, .gallery-card, .gallery-card .image-frame,
  .new-photo-showcase, .new-feature-grid, .new-feature-card,
  .signature-projects, .signature-grid, .signature-card,
  .craft, .craft-inner, .craft-photo,
  .section-head, .section-head > *, .gallery-card > * { min-width:0; max-width:100%; }

  /* Entire gallery is an orderly stack, with photos sized for a phone. */
  .gallery-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:30px; }
  .gallery-card, .gallery-card:nth-child(even) { margin:0; width:100%; }
  .gallery-card .image-frame,
  .gallery-card:nth-child(3n) .image-frame { height:auto; aspect-ratio: 1.34 / 1; max-height:310px; border-radius:5px; }
  .gallery-card .image-frame img { width:100%; height:100%; object-fit:cover; object-position:center; }
  .gallery-meta { display:flex; flex-wrap:wrap; justify-content:flex-start; column-gap:10px; row-gap:4px; margin:13px 0 9px; }
  .gallery-meta span { max-width:100%; font-size:9px; line-height:1.45; letter-spacing:.085em; white-space:normal; }
  .gallery-meta span:nth-child(2) { display:none; }
  .gallery-card h3 { font-size:clamp(28px,7.8vw,40px); line-height:1.08; overflow-wrap:anywhere; margin:0; }
  .gallery-card p { font-size:13px; line-height:1.5; margin:7px 0 0; }
  .image-credit { display:none; }

  /* Smaller feature pictures; no enormous full-screen cards. */
  .new-feature-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:14px; margin-top:22px; }
  .new-feature-card { width:100%; min-height:0; height:auto; aspect-ratio:1.37 / 1; border-radius:9px; }
  .new-feature-card img { position:absolute; width:100%; height:100%; object-fit:cover; }
  .new-feature-card span { padding:40px 16px 16px; font-size:clamp(15px,4.4vw,19px); line-height:1.25; }
  .new-photo-showcase .section-head { margin-bottom:22px; }

  .signature-grid { display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:none; gap:14px; }
  .signature-card, .signature-card.signature-large { width:100%; min-height:0; height:auto; aspect-ratio:1.32 / 1; grid-row:auto; }
  .signature-overlay { left:18px; right:15px; bottom:16px; gap:5px; }
  .signature-overlay strong { font-size:clamp(23px,6.4vw,31px); line-height:1.1; }
  .signature-overlay small { font-size:9px; }
  .signature-overlay > span { font-size:10px; }

  /* About the craftsmanship: no edge clipping, no oversized dark area. */
  .craft { overflow:hidden; }
  .craft-inner { display:flex; flex-direction:column; align-items:stretch; gap:28px; }
  .craft-text { order:0; width:100%; }
  .craft-photo { order:1; width:100%; height:auto; aspect-ratio:1.32 / 1; max-height:300px; }
  .craft-photo .image-frame { height:100%; }
  .craft-text .title-lg { font-size:clamp(37px,9.5vw,49px); line-height:1.08; }
  .craft-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .craft-facts > div { min-width:0; }
  .craft .text-link, .craft .text-link .arrow { font-size:12px; }

  /* Stop the demo label covering content, especially in Safari. */
  .draft-ribbon { display:none !important; }

  /* Tight type and arrows that keep a regular monochrome appearance. */
  .arrow, .signature-overlay > span, .new-feature-card span { font-variant-emoji:text; }
  .button .arrow, .text-link .arrow { min-width:0; font-size:17px; font-family:Arial,Helvetica,sans-serif; }
  .title-lg { max-width:100%; overflow-wrap:break-word; }
  .section-head .body-copy { max-width:100%; }

  /* Extra safeguards for portfolio and details sections. */
  .project-grid { display:grid; grid-template-columns:minmax(0,1fr); }
  .project-card, .project-photo { max-width:100%; }
  .project-photo { height:auto; aspect-ratio:4/3; max-height:310px; }
  .project-card img { max-width:100%; }
  .compare-mobile-controls { display:flex; }
}
@media (max-width:380px) {
  .wrap { padding-inline:16px; }
  .gallery-card .image-frame, .gallery-card:nth-child(3n) .image-frame { max-height:270px; }
  .new-feature-card { aspect-ratio:1.3 / 1; }
  .nav-toggle { font-size:10px; }
}


/* Mobile V5: the SAME sticky scroll-driven scene as desktop; one frame, 4 image swaps. */
@media(max-width:800px){
  html,body{overflow-x:clip;max-width:100%;}
  .story{display:block!important;position:relative;height:440svh;overflow:visible!important;contain:none!important;}
  .story-sticky{
    position:-webkit-sticky;position:sticky;top:0;height:100svh;min-height:0;
    display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,43%) minmax(0,57%);
    overflow:hidden;isolation:isolate;
  }
  .story-copy{padding:clamp(85px,12svh,112px) 22px 8px;min-height:0;min-width:0;gap:10px;justify-content:space-between;}
  .story-copy .eyebrow{font-size:9px;letter-spacing:.1em;}
  .story-heading{font-size:clamp(39px,10vw,56px);line-height:.9;margin-top:10px;}
  .story-info{min-height:0;max-width:100%;}
  .story-chapter h3{font-size:clamp(26px,7.2vw,37px);line-height:1.03;margin:7px 0;}
  .story-chapter p{font-size:clamp(12px,3.15vw,14px);line-height:1.55;max-width:540px;}
  .story-n{font-size:9px;}
  .story-nav{margin-top:12px;gap:6px;}
  .story-dot{width:29px;height:4px;min-height:4px;}
  .story-dot[aria-current=true]{width:54px;}
  .story-visual{height:100%;min-height:0;max-width:100%;perspective:none;display:flex;align-items:center;justify-content:center;}
  .story-visual:before{display:none;}
  .story-image-shell{width:calc(100% - 40px);height:calc(100% - 44px);max-height:none;
    border:1px solid #ddcfb955;transform:none!important;box-shadow:0 15px 36px #0006;}
  .story-img{object-fit:cover;object-position:center;transform:none!important;transition:opacity .4s ease;}
  .story-img.active{transform:none!important;}
  .story-corner{top:11px;right:20px;max-width:58%;font-size:8px;padding:8px;line-height:1.4;}
  .story-overlay-tag{right:8px;bottom:16px;width:auto;max-width:47%;padding:9px 11px;transform:none!important;}
  .story-overlay-tag strong{font-size:clamp(19px,5vw,27px);line-height:1;}
  .story-overlay-tag small{font-size:7px;line-height:1.3;margin-top:5px;}
  .story-visual .story-counter{right:25px;bottom:5px;font-size:17px;}
  .story-scroll-hint,.story-note{display:none;}
}
@media(max-width:390px) and (max-height:740px){
  .story-sticky{grid-template-rows:minmax(0,47%) minmax(0,53%);}
  .story-copy{padding-top:78px;}
  .story-heading{font-size:38px;}
  .story-chapter h3{font-size:26px;}
  .story-chapter p{font-size:12px;line-height:1.45;}
}

/* FINAL — mobile layout & clearer interactions */
.company-details{display:flex;gap:7px;flex-direction:column;align-items:flex-start;margin:24px auto 8px;padding:22px 0;border-top:1px solid rgba(180,180,160,.25);max-width:1200px;font-size:13px;line-height:1.6;color:inherit}.company-details a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.privacy-content{max-width:900px;padding-top:clamp(110px,15vw,180px);padding-bottom:100px}.privacy-content h2{font-size:25px;margin-top:35px}.privacy-content p{line-height:1.8}
.review-item blockquote{font-size:clamp(15px,1.5vw,19px);line-height:1.65;overflow-wrap:anywhere}.review-item{height:auto;min-height:330px}.review-slider{align-items:stretch}
@media(max-width:800px){
 html,body{max-width:100%;overflow-x:clip} *,*::before,*::after{box-sizing:border-box}
 .wrap{width:calc(100% - 34px)!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important}
 main,section,.section,.section-head,.gallery-grid,.gallery-card,.signature-grid,.new-feature-grid,.craft-inner,.process-preview,.contact-inner{max-width:100%;min-width:0}
 img,video{max-width:100%}
 .gallery-grid,.signature-grid,.new-feature-grid{grid-template-columns:minmax(0,1fr)!important;gap:18px!important}
 .gallery-card,.new-feature-card,.signature-card{width:100%!important;max-width:100%!important;min-width:0!important}
 .gallery-card .image-frame,.new-feature-card,.signature-card,.new-feature-card img,.signature-card img{height:auto!important;max-height:340px!important;min-height:0!important;aspect-ratio:4/3!important}
 .gallery-card img,.new-feature-card img,.signature-card img{width:100%!important;height:100%!important;object-fit:cover}
 .gallery-meta{flex-wrap:wrap;gap:6px!important;font-size:10px!important;white-space:normal!important}
 .gallery-card h3,.section-head h2,.title-lg{font-size:clamp(32px,8vw,48px)!important;overflow-wrap:break-word}
 .new-feature-card span{font-size:15px!important;line-height:1.3!important}
 .gallery-card .image-credit,.signature-card .image-credit{display:none}
 .new-feature-grid{margin-top:20px!important}
 .review-item{min-height:0!important;max-width:calc(100vw - 38px)!important;flex-basis:calc(100vw - 46px)!important;padding:20px!important}
 .review-item blockquote{font-size:15px!important;line-height:1.65!important}
 .review-slider{gap:12px!important}
 .story{height:390svh!important;min-height:0!important}
 .story-sticky{position:sticky!important;top:0!important;height:100svh!important;max-height:100svh!important;overflow:hidden!important}
 .story-visual{min-width:0!important}
 .story-image-shell{max-width:100%!important}
 .story-overlay-tag{max-width:40%!important}
 .company-details{padding-left:18px;padding-right:18px}
}

/* Autentyczny znak firmowy Meble Kozioł — responsywne osadzenie */
.brand-logo-image{display:block;width:58px;height:58px;object-fit:contain;flex:0 0 auto;filter:none;}
.site-nav:not(.on-light):not(.scrolled) .brand-logo-image,.site-nav.menu-active .brand-logo-image,.footer .brand-logo-image{filter:brightness(0) invert(1);}
@media(max-width:800px){.brand-logo-image{width:48px;height:48px;}.logo{gap:9px;}.logo-text b{font-size:11px;}.logo-text span{font-size:7px;letter-spacing:.1em;}}
@media(max-width:370px){.brand-logo-image{width:42px;height:42px;}.logo-text b{font-size:10px;}.site-nav .nav-toggle{gap:5px;}}

/* Final mobile correction: eliminate emoji-like decorative service arrows. */
.detail-list li::after { content: none !important; display: none !important; }
.detail-list li { padding-right: 0; }
/* Review controls: two equally visible, tappable buttons on iOS Safari. */
.review-slider-actions { display:flex; flex-wrap:nowrap; gap:12px; align-items:center; }
.review-slider-actions .review-arrow { display:inline-flex !important; align-items:center;justify-content:center; flex:0 0 50px; width:50px; height:50px; min-width:50px; min-height:50px; line-height:1; padding:0; background:#203a2d; color:#fff; border:1px solid #203a2d; border-radius:50%; font:400 26px/1 Arial, sans-serif; -webkit-appearance:none; appearance:none; }
.review-slider-actions .review-arrow:hover, .review-slider-actions .review-arrow:focus-visible { background:#385543; color:white; }
.review-slider-actions .review-arrow:disabled { opacity:.42; cursor:default; }
@media(max-width:600px){ .review-slider-heading { align-items:flex-start; gap:16px; flex-wrap:wrap; } .review-slider-heading h3 { font-size:clamp(28px,8vw,36px); } .review-slider-actions { margin-left:auto; } }

/* Brand mark: two dedicated transparent PNG files; no CSS color inversion on iOS. */
.brand-logo-pair { position:relative; display:block; width:58px; height:58px; flex:0 0 58px; overflow:visible; }
.brand-logo-pair .brand-logo-image { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:contain; filter:none !important; }
.brand-logo-pair .logo-light { opacity:0; visibility:hidden; }
.brand-logo-pair .logo-dark { opacity:1; visibility:visible; }
.site-nav:not(.on-light):not(.scrolled) .brand-logo-pair .logo-dark,
.site-nav.menu-active .brand-logo-pair .logo-dark,
.footer .brand-logo-pair .logo-dark {opacity:0;visibility:hidden;}
.site-nav:not(.on-light):not(.scrolled) .brand-logo-pair .logo-light,
.site-nav.menu-active .brand-logo-pair .logo-light,
.footer .brand-logo-pair .logo-light {opacity:1;visibility:visible;}
@media(max-width:800px){.brand-logo-pair{width:48px;height:48px;flex-basis:48px;}}
@media(max-width:370px){.brand-logo-pair{width:42px;height:42px;flex-basis:42px;}}