:root{
  --cream:#F5EFC6;
  --cream-2:#E3DDA9;
  --blue:#A5BCD6;
  --blue-deep:#7898BB;
  --soil:#4A2E27;
  --red:#4D0E12;
  --brown:#231815;
  --line:rgba(77,14,18,.18);
  --line-dark:rgba(35,24,21,.22);
  --shadow:0 20px 70px rgba(74,46,39,.08);
}
*{box-sizing:border-box}
html{background:var(--cream);color:var(--brown);scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:var(--cream);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
button,input,select,textarea{font:inherit}
::selection{background:var(--red);color:var(--cream)}

.site-shell{position:relative;min-height:100vh;overflow:hidden;background:var(--cream)}
.site-shell:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.24;background-image:linear-gradient(rgba(77,14,18,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(77,14,18,.05) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black 0%,transparent 55%)}

.topbar-wrap{position:relative;z-index:20;padding:18px 22px 0}
.topbar{min-height:92px;border:1px solid rgba(77,14,18,.16);background:rgba(165,188,214,.62);backdrop-filter:blur(18px) saturate(115%);-webkit-backdrop-filter:blur(18px) saturate(115%);display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:center;padding:12px 15px 12px 18px;box-shadow:0 12px 40px rgba(35,24,21,.05)}
.brand{display:flex;align-items:center;min-width:0}
.brand img{width:min(365px,42vw);height:auto;display:block}
.account-link{display:inline-flex;align-items:center;gap:15px;text-decoration:none;color:var(--red);font-weight:760;font-size:13px;letter-spacing:-.01em;padding:16px 18px;border:1px solid rgba(77,14,18,.24);background:rgba(245,239,198,.3);transition:transform .2s ease,background .2s ease,border-color .2s ease}
.account-link .arrow{display:grid;place-items:center;width:28px;height:28px;background:var(--red);color:var(--cream);font-size:16px}
.account-link:hover{transform:translateY(-2px);background:rgba(245,239,198,.64);border-color:var(--red)}

.hero{position:relative;z-index:1;min-height:calc(100vh - 110px);padding:72px 22px 46px}
.hero-grid{width:min(1460px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:46px;align-items:start;position:relative}
.hero-copy{position:relative;z-index:4;padding-top:24px}
.meta-row{display:flex;align-items:center;gap:16px;margin-bottom:24px;color:var(--soil);font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.meta-row:before{content:"";width:42px;height:1px;background:currentColor}
.home-title{margin:0;color:var(--red);font-size:clamp(86px,13vw,196px);line-height:.76;letter-spacing:-.085em;font-weight:870;text-transform:none}
.intro-grid{display:grid;grid-template-columns:148px minmax(0,650px);gap:26px;margin-top:48px;align-items:start}
.intro-index{padding-top:8px;color:var(--red);font-size:12px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.intro{margin:0;color:var(--soil);font-size:clamp(20px,2.05vw,31px);line-height:1.18;letter-spacing:-.035em;font-weight:520;max-width:650px}
.intro strong{color:var(--red);font-weight:760}

.contact-block{margin-top:58px;border-top:1px solid var(--line);max-width:960px}
.contact-head{display:grid;grid-template-columns:148px 1fr auto;align-items:center;gap:26px;padding:15px 0;border-bottom:1px solid var(--line);font-size:10px;font-weight:850;letter-spacing:.16em;text-transform:uppercase;color:rgba(74,46,39,.72)}
.contacts{display:block}
.contact-link{position:relative;display:grid;grid-template-columns:148px 48px minmax(0,1fr) 38px;gap:26px;align-items:center;text-decoration:none;color:var(--soil);min-height:88px;border-bottom:1px solid var(--line);transition:background .22s ease,padding .22s ease,color .22s ease}
.contact-link:hover{background:rgba(227,221,169,.38);padding-left:12px;color:var(--red)}
.contact-number{font-size:10px;letter-spacing:.15em;font-weight:850;color:rgba(74,46,39,.58)}
.contact-icon{width:44px;height:44px;background:var(--red);color:var(--cream);display:grid;place-items:center}
.contact-icon svg{width:22px;height:22px;display:block;fill:currentColor}
.contact-icon svg.stroke{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.contact-text{min-width:0}
.contact-platform{display:block;font-size:10px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;margin-bottom:5px;color:rgba(74,46,39,.62)}
.contact-value{display:block;font-size:18px;font-weight:680;letter-spacing:-.025em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.contact-arrow{font-size:22px;color:var(--red);transition:transform .2s ease}.contact-link:hover .contact-arrow{transform:translate(4px,-4px)}
.empty-state{padding:28px 0;color:rgba(74,46,39,.65);font-size:14px}

.hero-art{position:relative;min-height:680px;border-left:1px solid var(--line);padding-left:34px}
.art-card{position:relative;height:630px;overflow:hidden;background:var(--red);border:1px solid rgba(77,14,18,.3);box-shadow:var(--shadow)}
.art-card:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(165,188,214,.9) 0 25%,rgba(165,188,214,.22) 25% 38%,transparent 38% 100%);mix-blend-mode:screen;opacity:.42}
.art-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0 62%,rgba(35,24,21,.34) 100%)}
.botanic-mask{position:absolute;z-index:2;inset:auto -9% -11% 3%;height:92%;background:var(--cream-2);-webkit-mask-image:url('assets/botanic-7.png');mask-image:url('assets/botanic-7.png');-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center bottom;mask-position:center bottom;transform:rotate(-6deg);filter:drop-shadow(0 18px 22px rgba(35,24,21,.12))}
.art-label{position:absolute;z-index:4;left:24px;top:24px;color:var(--cream);font-size:10px;letter-spacing:.17em;font-weight:850;text-transform:uppercase}
.art-copy{position:absolute;z-index:4;left:24px;right:24px;bottom:25px;color:var(--cream);display:grid;grid-template-columns:1fr auto;gap:18px;align-items:end}
.art-copy strong{font-size:28px;line-height:.96;letter-spacing:-.045em;max-width:270px}.art-copy span{font-size:10px;line-height:1.5;letter-spacing:.14em;text-transform:uppercase;text-align:right}
.side-note{position:absolute;right:-7px;top:50%;writing-mode:vertical-rl;transform:translateY(-50%) rotate(180deg);color:var(--red);font-size:9px;letter-spacing:.2em;font-weight:850;text-transform:uppercase}

.corner-botanic{position:absolute;z-index:0;left:-120px;bottom:-330px;width:520px;height:720px;background:var(--cream-2);opacity:.55;-webkit-mask-image:url('assets/botanic-7.png');mask-image:url('assets/botanic-7.png');-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transform:rotate(38deg);pointer-events:none}

.loading{opacity:.5;pointer-events:none}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

@media(max-width:980px){
 .topbar-wrap{padding:12px 12px 0}.topbar{min-height:76px;padding:10px 11px 10px 13px}.brand img{width:min(320px,50vw)}
 .account-link{font-size:11px;padding:13px 14px}.account-link .arrow{width:24px;height:24px}
 .hero{padding:50px 14px 34px}.hero-grid{grid-template-columns:1fr}.hero-art{min-height:500px;border-left:0;border-top:1px solid var(--line);padding:28px 0 0}.art-card{height:510px}
 .home-title{font-size:clamp(84px,22vw,164px)}
 .side-note{display:none}
}
@media(max-width:680px){
 .topbar{grid-template-columns:1fr auto;gap:10px}.brand img{width:190px}.account-link{width:44px;height:44px;padding:0;justify-content:center;background:var(--red);color:var(--cream);border:0}.account-link .label{display:none}.account-link .arrow{background:transparent;color:inherit}
 .hero{padding-top:42px}.meta-row{margin-bottom:18px}.home-title{font-size:clamp(76px,26vw,118px)}
 .intro-grid{grid-template-columns:1fr;gap:12px;margin-top:36px}.intro-index{padding-top:0}.intro{font-size:22px}
 .contact-block{margin-top:40px}.contact-head{grid-template-columns:52px 1fr auto;gap:12px}.contact-head span:first-child{font-size:0}.contact-head span:first-child:after{content:"#";font-size:10px}
 .contact-link{grid-template-columns:38px 42px minmax(0,1fr) 20px;gap:12px;min-height:80px}.contact-number{font-size:9px}.contact-icon{width:40px;height:40px}.contact-value{font-size:15px}
 .hero-art{min-height:430px}.art-card{height:430px}.art-copy strong{font-size:23px}.art-copy span{display:none}
}