:root{--ox:#4A1519;--cr:#F2EADF;--ch:#2B1E1A;--gd:#C2A266;--u:calc(100vw/1366)}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--ch)}
body{font-family:Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
.stage{position:relative;width:100%;aspect-ratio:1366/768;overflow:hidden}
.a{position:absolute;left:calc(var(--x)*var(--u));top:calc(var(--y)*var(--u));width:calc(var(--w,auto)*var(--u))}
.bg{position:absolute;inset:0;z-index:0}
.stage>*:not(.bg){z-index:1}
/* nav + footer */
.logo{font-family:'Bodoni Moda',serif;font-size:calc(28*var(--u));letter-spacing:-.06em;text-decoration:none;left:calc(40*var(--u));top:calc(22*var(--u))}
.nav{display:flex;gap:calc(17*var(--u));right:calc(60*var(--u));left:auto;top:calc(25*var(--u));align-items:center}
.nav a{font-size:calc(13.5*var(--u));text-decoration:none;font-weight:300;letter-spacing:-.02em;text-transform:uppercase}
.nav a:hover,.nav a[aria-current]{text-decoration:underline;text-underline-offset:3px}
.nav svg{width:calc(13*var(--u));height:auto;fill:currentColor}
.burger{display:none}
.foot{left:calc(40*var(--u));top:calc(730*var(--u));display:flex;gap:calc(22*var(--u));align-items:baseline}
.foot a{font-size:calc(11*var(--u));text-decoration:none}
.foot small{font-size:calc(7.5*var(--u));letter-spacing:-.02em;text-transform:uppercase}
.idx{font-family:'Bodoni Moda',serif;font-weight:400;font-size:calc(64*var(--u));line-height:1;letter-spacing:-.03em}
.idx+span,.lbl{display:block;font-size:calc(15*var(--u));text-transform:uppercase;letter-spacing:-.02em;margin-top:calc(4*var(--u))}
/* PAGE: home */
.p-home{color:var(--gd)}
.p-home .bg{background:radial-gradient(28% 40% at 50% 33%,#7a2a10 0%,#3d1a12 45%,transparent 100%),radial-gradient(30% 40% at 14% 42%,#2f1714 0%,transparent 100%),linear-gradient(#11161a,#0f1418)}
.hero{font-family:'Bodoni Moda',serif;text-align:center;font-weight:400;font-size:0;line-height:0;font-variant:normal;font-synthesis:none}
.hero b,.hero i{display:block;font-style:normal;line-height:1}
.hero b{font-family:'Bodoni Moda',serif;font-weight:400;font-size:calc(114*var(--u));letter-spacing:0em;font-optical-sizing:none;font-variation-settings:"opsz" 96,"wght" 400}
.hero i{font-family:Manrope,sans-serif;font-weight:400;font-size:calc(19.4*var(--u));margin-top:calc(38*var(--u));padding-left:.6em;letter-spacing:.6em;text-transform:uppercase;font-variation-settings:normal}
.tag{font-size:calc(19*var(--u));font-weight:500;text-align:center}
/* PAGE: house */
.p-house{color:var(--gd)}
.p-house .bg{background:radial-gradient(60% 90% at 5% 0%,#e8c773 0%,#c9984f 35%,transparent 70%),radial-gradient(70% 100% at 100% 100%,#8b1c0b 0%,#6a1a10 40%,transparent 80%),linear-gradient(110deg,#c99a55,#8a4a2a 55%,#7a1810)}
.panel{background:rgba(43,30,26,.74)}
.p-house .a.idx,.p-house .lbl{color:var(--cr)}
.rule{height:1px;background:#c2a26680}
.list{list-style:none;color:var(--cr);font-family:Montserrat,Manrope,sans-serif;font-weight:300}
.list li{position:relative;font-size:calc(19*var(--u));padding-left:calc(42*var(--u));margin-bottom:calc(30*var(--u))}
.list li span{position:absolute;left:0;top:calc(-8*var(--u));font-size:calc(13*var(--u))}
.big{font-family:'Bebas Neue',sans-serif;font-size:calc(80*var(--u));line-height:calc(137*var(--u));text-align:right;letter-spacing:.016em;font-weight:400;white-space:nowrap}
.p-house .logo,.p-house .foot{color:var(--ch)}
/* PAGE: catalog */
.p-cat{color:var(--ox)}
.p-cat .bg{background:radial-gradient(40% 50% at 52% 0%,#fff 0%,#ece9e4 50%,transparent 100%),radial-gradient(40% 60% at 100% 100%,#5f6957 0%,transparent 100%),linear-gradient(90deg,#c9cbc2,#e6e4df 50%,#b8aca2)}
.p-cat .idx,.p-cat .lbl{color:var(--ox)} .p-cat .lbl{color:#2b1e1a}
.rows{left:calc(153*var(--u));top:calc(175*var(--u));width:calc(1060*var(--u));list-style:none}
.rows li{display:grid;grid-template-columns:calc(395*var(--u)) 1fr auto;align-items:center;height:calc(108.5*var(--u));border-bottom:1px solid #2b1e1a99;padding-left:calc(70*var(--u));padding-right:calc(40*var(--u))}
.rows h3{font-family:'Libre Bodoni',serif;font-weight:400;font-size:calc(33*var(--u));color:var(--ox)}
.rows p{font-size:calc(10*var(--u));color:#2b1e1a;line-height:1.5}
.rows nav{display:flex;gap:calc(32*var(--u))}
.rows nav a,.rows nav .listen{font-size:calc(17*var(--u));text-decoration:underline;text-underline-offset:3px}
.rows nav .listen{cursor:default}
.note{font-weight:700;font-size:calc(19.5*var(--u));color:var(--ox);right:calc(152*var(--u));left:auto}
.p-cat .nav,.p-cat .foot{color:var(--ox)} .p-cat .logo{color:var(--ox)}
/* PAGE: tools */
.p-tools{color:var(--gd);background:#fff}
.p-tools .bg{background:#fff}
.card{position:absolute;top:calc(65*var(--u));width:calc(487*var(--u));height:calc(637*var(--u));text-align:center;filter:drop-shadow(0 calc(10*var(--u)) calc(12*var(--u)) #0006)}
.card .hex{position:absolute;inset:0;width:100%;height:100%}
.card>div{position:relative;height:100%;display:flex;flex-direction:column;align-items:center}
.card .ico{width:calc(180*var(--u));margin-top:calc(70*var(--u));height:calc(110*var(--u))}
.card h2{font-weight:400;font-size:calc(74*var(--u));margin-top:calc(40*var(--u));line-height:1}
.card em{font-family:'Libre Bodoni',serif;font-size:calc(17*var(--u));margin-top:calc(55*var(--u))}
.card p{font-size:calc(17*var(--u));color:#fff;width:calc(408*var(--u));text-align:left;margin-top:calc(38*var(--u));line-height:1.45}
.card a{font-size:calc(25*var(--u));margin-top:auto;margin-bottom:calc(72*var(--u));text-underline-offset:4px;font-family:Ubuntu,Manrope,sans-serif}
.card>div>span{font-size:calc(25*var(--u));margin-top:auto;margin-bottom:calc(72*var(--u));font-family:Ubuntu,Manrope,sans-serif}
.gm>div>span{color:#C9826B}
.vc>div>span{color:#B5673A}
.gm{left:calc(189*var(--u))} .gm h2{font-family:Literata,serif;color:#efebe3} .gm h2 span{color:#b9bcc6;font-style:italic} .gm em,.gm a{color:#C9826B}
.vc{left:calc(701*var(--u))} .vc h2{font-family:Fraunces,serif;color:#f2eadf;font-weight:500} .vc em,.vc a{color:#B5673A} .vc p{text-align:center}
/* PAGE: contact */
.p-contact{color:var(--gd)}
.p-contact .bg{background:var(--ch)}
.sheet{left:calc(144*var(--u));top:calc(76*var(--u));width:calc(1077*var(--u));height:calc(614*var(--u));background:radial-gradient(60% 70% at 40% 50%,#6f9aa8 0%,#7da0a5 50%,transparent 85%),linear-gradient(90deg,#9aaa9f 0%,#79a0a8 60%,#dcc39b 82%,#ddb27a 100%);color:var(--ch)}
.eyebrow{font-size:calc(13*var(--u));letter-spacing:.5em}
.ct{font-family:'Bodoni Moda',serif;font-weight:400;font-size:calc(70*var(--u));letter-spacing:.04em;line-height:1}
.lead{font-size:calc(15*var(--u));line-height:2}
.fld label{display:block;font-size:calc(16*var(--u));line-height:calc(22*var(--u));font-weight:400;text-transform:uppercase;letter-spacing:0;color:var(--ch)}
.fld input{display:block;width:100%;background:transparent;border:0;border-radius:0;height:calc(49*var(--u));padding:0 calc(4*var(--u));font:inherit;font-size:calc(16*var(--u));color:var(--ch);outline:0}
.fld:has(input)::after{content:"";display:block;height:max(2px,calc(2.2*var(--u)));background:linear-gradient(90deg,var(--ch) 0%,var(--ch) 45%,#2b1e1a00 100%);clip-path:polygon(0 0,100% 42%,100% 58%,0 100%);transition:background .2s}
.fld:has(input:focus-visible)::after{background:linear-gradient(90deg,#5f1419 0%,#5f1419 55%,#5f141900 100%)}
.fld textarea{display:block;width:100%;height:calc(152*var(--u));margin-top:calc(20*var(--u));background:linear-gradient(var(--ch),var(--ch)) 0 0/calc(53*var(--u)) max(1px,calc(1.1*var(--u))) no-repeat,linear-gradient(var(--ch),var(--ch)) 100% 0/calc(53*var(--u)) max(1px,calc(1.1*var(--u))) no-repeat;border:max(1px,calc(1.1*var(--u))) solid var(--ch);border-top:0;border-radius:0;font:inherit;font-size:calc(16*var(--u));line-height:1.5;color:var(--ch);padding:calc(16*var(--u)) calc(16*var(--u));resize:none;outline:0}
.fld textarea:focus-visible{border-color:#5f1419;background-image:linear-gradient(#5f1419,#5f1419),linear-gradient(#5f1419,#5f1419)}
.send{background:#5f1419;color:#e7c9b2;border:0;font:inherit;font-size:calc(13*var(--u));letter-spacing:.7em;padding-left:.7em;height:calc(55*var(--u));width:calc(121*var(--u));cursor:pointer}
.sheet .idx,.sheet .lbl{color:var(--ch);text-align:center}
.f-ok,.f-err{font-size:calc(14*var(--u))}
/* PAGE: privacy */
.p-priv{color:var(--gd)}
.p-priv .bg{background:radial-gradient(30% 45% at 30% 35%,#8a8f80 0%,#5a6255 40%,transparent 100%),radial-gradient(50% 50% at 75% 75%,#4a3a2c 0%,transparent 100%),linear-gradient(#3b4740,#262221)}
.p-priv .bg::after{content:"";position:absolute;inset:0;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
.ph{font-family:'Bebas Neue',sans-serif;font-size:calc(75*var(--u));line-height:1;font-weight:400;text-align:center}
.pb{color:#ede7df;font-family:Montserrat,Manrope,sans-serif;font-size:calc(18*var(--u));line-height:calc(35*var(--u));text-align:justify}
.pb p+p{margin-top:calc(35*var(--u))}
.bgvid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}
.sheet{overflow:hidden;isolation:isolate}.sheet>*:not(.bgvid){z-index:1}
.p-house .bg{background:url(house-cs_video-the-house-poster.jpg) center/cover}
.sheet{background:url(house-cs_video-contact-poster.jpg) center/cover!important}
.bgvid::-webkit-media-controls,.bgvid::-webkit-media-controls-start-playback-button,.bgvid::-webkit-media-controls-overlay-play-button{display:none!important;-webkit-appearance:none}
@media (prefers-reduced-motion:reduce){.bgvid{display:none}}
:focus-visible{outline:2px solid var(--gd);outline-offset:3px}
/* ===== MOBILE ===== */
@media (max-width:1023px){
 :root{--u:1px}
 .stage{aspect-ratio:auto;min-height:100svh;padding:88px 22px 40px;display:flex;flex-direction:column;gap:28px;overflow:visible}
 .a,.rows,.card,.sheet,.note{position:static!important;width:auto!important;height:auto!important}
 .bg{position:absolute}
 .p-house .logo,.p-house .foot{color:var(--gd)}
 .p-home .hero{margin-top:auto}
 header.top{position:fixed!important;inset:0 0 auto 0;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;z-index:20!important;backdrop-filter:blur(10px);background:color-mix(in srgb,var(--hb,#0f1418) 80%,transparent)}
 .logo{position:static;font-size:30px}
 .burger{display:grid;place-items:center;width:48px;height:48px;background:none;border:0;color:inherit;cursor:pointer;margin-right:-10px}
 .burger svg{width:26px;height:26px;stroke:currentColor}
 .nav{position:fixed!important;inset:64px 0 auto 0;width:auto!important;flex-direction:column;align-items:stretch;gap:0;padding:8px 22px 24px;background:var(--hb,#0f1418);display:none}
 .nav.open{display:flex}
 .nav a{font-size:18px;padding:14px 0;border-bottom:1px solid #c2a26633;min-height:48px}
 .nav svg{width:18px}
 .foot{flex-direction:column;gap:8px;margin-top:auto;padding-top:24px}
 .foot a{font-size:15px;padding:10px 0}
 .foot small{font-size:12px}
 .idx{font-size:56px}.lbl{font-size:15px}
 .p-home .stage,.p-home.stage{justify-content:center}
 .hero b{font-size:clamp(46px,13vw,64px)} .hero i{font-size:11px;letter-spacing:.5em;padding-left:.5em;margin-top:20px}
 .tag{font-size:16px;letter-spacing:.02em}
 .panel{display:none}
 .p-house .stage-in,.p-house>.hgroup{}
 .p-house .bg::after{content:"";position:absolute;inset:0;background:rgba(43,30,26,.85)}
 .rule{display:none}
 .list li{font-size:17px;margin-bottom:22px;padding-left:38px}.list li span{top:2px;font-size:13px}
 .big{font-size:44px;line-height:1.05;text-align:left;order:-1}
 .p-house .a.blk{order:-2}
 .rows li{grid-template-columns:1fr;height:auto;padding:20px 0;gap:6px}
 .rows h3{font-size:30px}.rows p{font-size:14px}.rows nav{gap:28px;margin-top:6px}.rows nav a,.rows nav .listen{font-size:16px;padding:12px 0;min-height:44px}
 .note{font-size:17px}
 .p-cat .blk{text-align:left}
 .card{filter:drop-shadow(0 8px 10px #0005)}
 .card .hex{display:none}
 .card>div{border-radius:28px;padding:36px 22px 32px;clip-path:polygon(18% 0,82% 0,100% 18%,100% 82%,82% 100%,18% 100%,0 82%,0 18%)}
 .gm>div{background:#1c1f2e}.vc>div{background:#1f2a24}
 .card .ico{width:120px;height:74px;margin-top:0}
 .card h2{font-size:clamp(40px,12vw,52px);margin-top:22px}
 .card em{font-size:17px;margin-top:22px}
 .card p{font-size:16px;width:auto;margin-top:16px;text-align:center}
 .card a{font-size:19px;margin:24px 0 0;padding:10px}
 .card>div>span{font-size:19px;margin:24px 0 0;padding:10px}
 .p-contact .bg{background:var(--ch)}
 .sheet{position:relative!important;left:0!important;top:0!important;display:flex;flex-direction:column;gap:22px;padding:32px 22px;margin:0 -22px}
 .sheet .a{order:0}.sheet .num{order:-1;text-align:left}.sheet .num .idx,.sheet .num .lbl{text-align:left}
 .ct{font-size:44px}.eyebrow{font-size:12px}.lead{font-size:16px;line-height:1.6}
 .fld label{font-size:15px;margin-bottom:8px}
 .fld input{height:48px;font-size:16px}.fld textarea{height:160px;font-size:16px}
 .send{width:100%!important;height:52px!important;font-size:14px;order:9}
 .ph{font-size:56px;text-align:left}
 .pb{font-size:16px;line-height:1.75;text-align:left}.pb p+p{margin-top:20px}
}
@media (min-width:1024px){header.top{display:contents}
 .p-priv .ph,.p-priv .pb{top:calc(384*var(--u));transform:translateY(-50%)}}

/* ===== 2026-10-18 design ideas (preview) ===== */
/* GLOBAL: nav + footer text ~1.5px larger */
.nav a{font-size:calc(15*var(--u))}
.nav svg{width:calc(14*var(--u))}
.foot a{font-size:calc(12.5*var(--u))}
.foot small{font-size:calc(9*var(--u));letter-spacing:.02em}
/* HOME hero */
.mono{position:absolute;left:0;right:0;top:calc(30*var(--u));text-align:center;font-family:'Bodoni Moda',serif;font-weight:400;font-size:calc(540*var(--u));line-height:1;letter-spacing:-.06em;padding-right:.06em;color:var(--gd);opacity:.045;pointer-events:none;user-select:none;z-index:0!important}
.p-home .tag{font-size:calc(12*var(--u));font-weight:500;letter-spacing:.3em;padding-left:.3em}
.p-home .tag::before{content:"";display:block;width:calc(48*var(--u));height:1px;background:var(--gd);opacity:.7;margin:0 auto calc(20*var(--u))}
.intro{font-size:calc(14*var(--u));font-weight:300;line-height:1.6;text-align:center;color:var(--cr);opacity:.62;letter-spacing:.01em}
.enq{text-align:center;font-size:calc(11*var(--u));font-weight:500;letter-spacing:.3em;text-transform:uppercase;text-decoration:none}
.enq{display:block;width:max-content!important;left:50%!important;transform:translateX(-50%);padding:0 0 calc(6*var(--u)) .3em;border-bottom:1px solid #c2a26699}
.enq:hover{border-bottom-color:var(--gd)}
/* THE HOUSE */
.hrows{list-style:none;color:var(--cr)}
.hrows li{border-top:1px solid #c2a26666;padding:calc(26*var(--u)) 0 calc(26*var(--u))}
.hrows li:last-child{border-bottom:1px solid #c2a26666}
.hrows h2{font-family:'Libre Bodoni',serif;font-weight:400;font-size:calc(30*var(--u));line-height:1.1;letter-spacing:.005em}
.hrows p{font-family:Manrope,sans-serif;font-weight:300;font-size:calc(15*var(--u));line-height:1.5;margin-top:calc(8*var(--u));opacity:.68}
.p-house .big{font-size:calc(80*var(--u));line-height:1.02;letter-spacing:.016em}
@media (max-width:1023px){
 .nav a{font-size:19px}
 .foot a{font-size:16px}.foot small{font-size:13.5px}
 .mono{position:absolute;top:22vh;font-size:min(92vw,420px)}
 .p-home .tag{font-size:12px;letter-spacing:.3em;padding-top:0}
 .p-home .tag::before{width:40px;margin-bottom:18px}
 .intro{font-size:15px;max-width:300px;margin:-8px auto 0}
 .enq{left:auto!important;transform:none;align-self:center;font-size:12px;margin-top:20px;padding:12px 0 6px .3em}
 .hrows{width:auto}
 .hrows li{padding:20px 0}
 .hrows h2{font-size:26px}.hrows p{font-size:15px;margin-top:6px}
 .p-house .big{font-size:44px;line-height:1.02}
}
/* ===== 2026-10-18 design ideas, round 2 (preview) ===== */
/* THE HOUSE: one bold statement + small italic line */
.hstate{text-align:right}
.p-house .hstate .big{font-size:calc(100*var(--u));line-height:.94;letter-spacing:.012em;white-space:nowrap}
.hsub{font-family:'Libre Bodoni',serif;font-style:italic;font-weight:400;font-size:calc(22*var(--u));line-height:1.35;color:var(--cr);margin-top:calc(26*var(--u));opacity:.9}
/* TOOLS */
.card p{text-align:center}
.gm{left:calc(229*var(--u))} .vc{left:calc(741*var(--u))}
.card{top:calc(75*var(--u))}
.card a,.card>div>span{font-family:'Maven Pro',Manrope,sans-serif;font-weight:400}
/* CONTACT */
.send{background:#4A1519;color:#C2A266}
/* PRIVACY */
.pnum{font-weight:400;color:var(--gd)}
.pnum .idx{display:block}
.pb{text-align:left;color:var(--cr);font-weight:500;font-size:calc(17*var(--u));line-height:calc(32*var(--u))}
.pb p+p{margin-top:calc(26*var(--u))}
.pb p.upd{margin-top:calc(34*var(--u));font-family:Manrope,sans-serif;font-weight:400;font-size:calc(12*var(--u));line-height:1.4;letter-spacing:.06em;color:var(--cr);opacity:.5}
/* CATALOG */
.note{font-weight:400;font-size:calc(14*var(--u));color:#2b1e1a;opacity:.62;letter-spacing:.01em}
@media (max-width:1023px){
 .hstate{order:-1;text-align:left}
 .p-house .hstate .big{font-size:58px;line-height:.95;text-align:left}
 .hsub{font-size:18px;margin-top:14px}
 .pb{font-size:16px;line-height:1.75}.pb p+p{margin-top:18px}
 .pb p.upd{font-size:12.5px;margin-top:26px}
 .note{font-size:14px}
}

/* ===== 2026-10-18 catalog coming soon ===== */
.p-cat .mono{color:var(--ox);opacity:.05;top:calc(14*var(--u));padding-right:0}
.soon{font-family:'Libre Bodoni',serif;font-weight:400;font-size:calc(56*var(--u));line-height:1.1;letter-spacing:.005em;text-align:center;color:var(--ox);text-wrap:balance}
.soon::before{content:"";display:block;width:calc(48*var(--u));height:1px;background:var(--gd);margin:0 auto calc(28*var(--u))}
.p-cat .intro{color:var(--ch);opacity:.72;font-weight:400;text-wrap:balance}
.p-cat .enq{color:var(--ox);border-bottom-color:var(--gd)}
.p-cat .enq:hover{border-bottom-color:var(--ox)}
@media (max-width:1023px){
 .p-cat .mono{top:24vh}
 .soon{font-size:38px;margin-top:auto;padding-top:24px}
 .soon::before{width:40px;margin-bottom:22px}
 .p-cat .intro{margin-top:-10px}
}
.mono,.p-cat .mono{top:calc(120*var(--u));padding-right:.06em}
@media (max-width:1023px){
 .mono,.p-cat .mono{font-size:min(80vw,420px);padding-right:.06em}
 .p-home .mono{top:calc(45.7% - .4875*min(80vw,420px))}
 .p-cat .mono{top:calc(52.1% - .4875*min(80vw,420px))}
}
@media (min-width:1024px){
 .stage{aspect-ratio:auto;height:max(100svh,calc(100vw*768/1366))}
 .stage>.foot{top:auto;bottom:calc(26*var(--u))}
}