:root{--cream:#f8f4f0;--paper:#fffdfa;--ink:#211d1e;--wine:#3e0916;--berry:#3e0916;--mauve:#b99aa5;--rose:#d9c0c8;--line:#211d1e;--muted:#64595b;--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.55 var(--sans)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}.wrap{width:min(1230px,calc(100% - 64px));margin:auto}
.site-header{background:var(--cream)}.nav{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand,.footer-brand{font:800 1.25rem/1 var(--sans);letter-spacing:-.035em;color:var(--ink);white-space:nowrap}.brand b{color:var(--berry)}.nav-links{display:flex;gap:24px;font-size:.72rem;font-weight:700;letter-spacing:.06em}.nav-links a:hover,.offer a:hover{color:var(--berry)}.menu{display:none;border:0;background:none;color:var(--berry);font-size:1.8rem}
.hero{display:grid;grid-template-columns:.87fr 1.13fr;align-items:stretch;min-height:650px;padding:24px 32px 0;gap:34px;background:var(--cream)}.hero-copy{align-self:center;max-width:500px;padding:44px 0 72px 4vw}.hero-label{margin:0 0 23px;color:var(--berry);font-size:.72rem;font-weight:800;letter-spacing:.16em}.hero h1{margin:0;color:var(--wine);font:500 clamp(4.8rem,9.8vw,9rem)/.78 var(--serif);letter-spacing:-.065em}.hero-intro{max-width:365px;margin:28px 0 25px;color:var(--muted);font-size:1.05rem;line-height:1.6}.hero-link{display:inline-flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--berry);color:var(--berry);font-size:.72rem;font-weight:800;letter-spacing:.09em}.hero-image{position:relative;min-width:0;min-height:600px;margin:0;overflow:hidden;background:#d8cbc4}.hero-image img{width:100%;height:100%;min-height:600px;object-fit:cover;object-position:center 45%}.eyebrow{margin:0 0 20px;color:var(--berry);font-size:.67rem;font-weight:800;letter-spacing:.16em}
.hero-image figcaption{position:absolute;right:0;bottom:0;left:0;display:flex;justify-content:space-between;gap:16px;padding:15px 20px;background:rgba(33,29,30,.86);color:#fff;font-size:.62rem;font-weight:800;letter-spacing:.11em}
.founder-note{padding:clamp(52px,7vw,88px) clamp(22px,5vw,70px);background:var(--paper);border-top:1px solid #e9dfe0}.founder-note-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(36px,8vw,120px);width:min(1120px,100%);margin:0 auto}.founder-note-heading>p{margin:0 0 18px;color:var(--berry);font-size:.68rem;font-weight:800;letter-spacing:.16em}.founder-note-heading h2{max-width:400px;margin:0;color:var(--wine);font:500 clamp(3rem,5.2vw,5rem)/.94 var(--serif);letter-spacing:-.045em}.founder-note-copy{max-width:650px}.founder-note-copy>p{margin:0 0 17px;color:var(--muted);font-size:.98rem;line-height:1.75}.founder-note-copy .founder-note-signature{margin:23px 0 19px;color:var(--wine);font:500 1.5rem/1.15 var(--serif)}.founder-note-signature span{font-size:1.8rem;font-style:italic}.founder-note-link{display:inline-flex;align-items:center;gap:12px;padding-bottom:8px;border-bottom:1px solid var(--berry);color:var(--berry);font-size:.68rem;font-weight:800;letter-spacing:.1em}.founder-note-link span{font-size:1rem}
.home-mission-vision{padding:clamp(52px,7vw,84px) clamp(22px,5vw,70px);background:var(--cream)}.home-mission-vision-inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,78px);width:min(1120px,100%);margin:0 auto}.home-mission-vision article+article{border-left:1px solid rgba(84,23,36,.2);padding-left:clamp(24px,4vw,54px)}.home-mission-vision h2{margin:0 0 16px;color:var(--wine);font:500 clamp(2.5rem,4.2vw,4rem)/1 var(--serif);letter-spacing:-.035em}.home-mission-vision p{margin:0;color:var(--muted);font-size:1rem;line-height:1.75}
.home-values{padding:clamp(52px,7vw,84px) clamp(22px,5vw,70px);background:var(--paper)}.home-values-inner{width:min(1120px,100%);margin:0 auto}.home-values-label{margin:0 0 28px;color:var(--berry);font-size:.68rem;font-weight:800;letter-spacing:.16em}.home-values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(22px,4vw,54px)}.home-values-grid article{min-width:0}.home-values-grid h3{margin:0 0 13px;color:var(--wine);font:500 clamp(2.6rem,4.2vw,4rem)/.95 var(--serif);letter-spacing:-.04em}.home-values-grid p{max-width:310px;margin:0;color:var(--muted);font-size:1rem;line-height:1.6}
.offerings{padding:74px 0 82px;background:var(--paper)}.section-head{margin-bottom:17px}.section-head h2{margin:0;color:var(--wine);font:500 clamp(2.6rem,5vw,4.4rem)/.95 var(--serif);letter-spacing:-.045em}.offer-list{border-top:1px solid #dbcdd0}.offer-row{display:grid;grid-template-columns:160px minmax(0,1fr) auto;align-items:center;gap:26px;min-height:105px;padding:18px 0;border-bottom:1px solid #dbcdd0}.offer-type{margin:0;color:var(--berry);font-size:.69rem;font-weight:800;letter-spacing:.12em}.offer-row h3{margin:0;color:var(--ink);font:500 clamp(1.55rem,3vw,2.3rem)/1.05 var(--serif)}.offer-row>a{min-width:136px;padding:10px 0;text-align:right;color:var(--berry);font-size:.68rem;font-weight:800;letter-spacing:.08em}.offer-row>a:hover,.founder-copy>a:hover{color:var(--wine)}
.founder{display:grid;grid-template-columns:1.05fr .95fr;min-height:560px;background:#efe3e5}.founder-photo{height:560px;overflow:hidden}.founder-photo img{width:100%;height:100%;object-fit:cover;object-position:center 38%}.founder-copy{align-self:center;padding:58px clamp(36px,8vw,120px)}.founder-copy .eyebrow{color:var(--berry)}.founder-copy h2{margin:0;color:var(--wine);font:500 clamp(3.3rem,7vw,6rem)/.88 var(--serif);letter-spacing:-.04em}.founder-copy>p:not(.eyebrow){max-width:420px;color:var(--muted);margin:22px 0}.founder-copy>a{font-size:.72rem;font-weight:800;color:var(--berry);letter-spacing:.06em}
.interest{padding:95px 0;background:var(--wine);color:var(--cream)}.interest-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%;align-items:start}.interest h2{margin:0;font:500 clamp(3rem,6vw,5.5rem)/.92 var(--serif);letter-spacing:-.04em}.interest-inner>div>p:not(.eyebrow){max-width:340px;color:#f2e4e6}.interest .eyebrow{color:var(--rose)}.row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}label{font-size:.68rem;font-weight:700;color:#f5e9eb}input,select,textarea{width:100%;min-height:45px;padding:10px 12px;border:1px solid #c9aeb6;background:#fffaf8;color:var(--ink);border-radius:0}textarea{min-height:90px;resize:vertical}.button{min-height:47px;padding:0 18px;border:1px solid var(--rose);background:var(--rose);color:var(--wine);font-size:.7rem;font-weight:800;letter-spacing:.06em}.fine{font-size:.64rem;color:#e8dadd}.success{display:none;margin-bottom:15px;padding:12px;background:#fffaf8;color:var(--wine);font-size:.76rem}
footer{padding:34px 0 21px;background:var(--cream);text-align:center}.footer-inner{display:flex;flex-direction:column;align-items:center}.footer-brand{font-size:1rem}footer p{margin:10px 0 18px;font-size:.62rem;color:var(--muted);letter-spacing:.13em;text-transform:uppercase}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:22px;margin-bottom:18px;font-size:.7rem;color:var(--muted)}footer small{font-size:.62rem;color:var(--muted)}:focus-visible{outline:2px solid var(--berry);outline-offset:4px}
@media(max-width:850px){.wrap{width:calc(100% - 46px)}.nav-links{gap:13px;font-size:.63rem}.brand{font-size:1.05rem}.hero{grid-template-columns:.85fr 1.15fr;min-height:530px;padding:20px 23px 0;gap:24px}.hero-copy{padding:38px 0 54px 2vw}.hero h1{font-size:clamp(4.3rem,9vw,6.8rem)}.hero-image,.hero-image img{min-height:500px}.offer-row{grid-template-columns:130px minmax(0,1fr) auto;gap:18px}.offer-row>a{min-width:118px}.founder-copy{padding:44px}.interest-inner{gap:5%}}
@media(max-width:650px){.wrap{width:calc(100% - 34px)}.nav{min-height:70px}.brand{font-size:.95rem}.menu{display:block}.nav-links{display:none;position:absolute;top:70px;left:0;right:0;z-index:10;flex-direction:column;gap:0;padding:10px 22px 20px;background:var(--cream);border-top:1px solid #d7c4c9}.nav-links.open{display:flex}.nav-links a{padding:12px 0;border-bottom:1px solid #eadde0}.hero{display:flex;flex-direction:column;gap:24px;padding:46px 17px 0;min-height:0}.hero-copy{padding:0 3px 0}.hero-label{font-size:.62rem;margin-bottom:17px}.hero h1{font-size:clamp(3.5rem,15vw,5.5rem);line-height:.82}.hero-intro{max-width:340px;margin:20px 0;font-size:1rem}.hero-image{min-height:360px;margin:0 -17px}.hero-image img{min-height:360px;max-height:420px;object-position:center 43%}.hero-image figcaption{padding:12px 15px;font-size:.55rem}.offerings{padding:58px 0 64px}.section-head{margin-bottom:12px}.section-head h2{font-size:2.75rem}.offer-row{grid-template-columns:1fr auto;gap:7px 14px;min-height:86px;padding:14px 0}.offer-type{grid-column:1/-1;font-size:.61rem}.offer-row h3{font-size:1.65rem}.offer-row>a{min-width:0;padding:6px 0;font-size:.59rem}.founder{grid-template-columns:1fr}.founder-photo{height:370px}.founder-copy{padding:44px 24px 54px}.founder-copy h2{font-size:4.3rem}.interest{padding:70px 0}.interest-inner{grid-template-columns:1fr;gap:28px}.interest h2{font-size:3.7rem}.row{grid-template-columns:1fr;gap:0}.footer-links{gap:15px}}
@media(max-width:850px){.home-values-grid{gap:22px}}
@media(max-width:850px){.founder-note-inner{grid-template-columns:.72fr 1.28fr;gap:38px}}
@media(max-width:650px){.hero-image figcaption{padding:12px 15px;font-size:.52rem;letter-spacing:.08em}.founder-note{padding:48px 22px 54px}.founder-note-inner{grid-template-columns:1fr;gap:25px}.founder-note-heading>p{margin-bottom:12px;font-size:.61rem}.founder-note-heading h2{max-width:340px;font-size:3.3rem}.founder-note-copy>p{font-size:.94rem;line-height:1.7}.home-mission-vision{padding:48px 22px 54px}.home-mission-vision-inner{grid-template-columns:1fr;gap:28px}.home-mission-vision article+article{border-left:0;border-top:1px solid rgba(84,23,36,.2);padding:27px 0 0}.home-mission-vision h2{margin-bottom:11px;font-size:2.7rem}.home-mission-vision p{font-size:.95rem;line-height:1.7}.brand-statement{padding:50px 22px 56px}.brand-statement-label{margin-bottom:18px;font-size:.61rem}.brand-statement h2{font-size:clamp(3rem,12vw,4.3rem);line-height:.98}.home-values{padding:48px 22px 56px}.home-values-label{margin-bottom:22px;font-size:.61rem}.home-values-grid{grid-template-columns:1fr;gap:23px}.home-values-grid h3{margin-bottom:6px;font-size:2.6rem}.home-values-grid p{max-width:360px;font-size:.95rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Give the homepage statement its own intentional, centered type treatment. */
.brand-statement{padding:clamp(64px,9vw,112px) 24px;background:var(--cream);text-align:center}
.brand-statement-inner{width:min(100%,1040px);margin:0 auto}
.brand-statement-label{margin:26px 0 0;color:var(--berry);font-size:.68rem;font-weight:800;letter-spacing:.16em}
.brand-statement h2{max-width:960px;margin:0 auto;color:var(--wine);font:500 clamp(2.8rem,6.2vw,5.4rem)/1.06 var(--serif);letter-spacing:-.035em;text-wrap:balance}
.brand-statement h2 span{display:block;margin-top:.08em;color:var(--berry);font-style:normal;font-weight:500}
@media(max-width:650px){.brand-statement{padding:50px 20px 56px}.brand-statement-label{margin-top:20px;font-size:.61rem}.brand-statement h2{font-size:clamp(2.55rem,11vw,3.55rem);line-height:1.02}}

/* Full-screen portrait hero: original portrait pixels over a mauve studio backdrop. */
.site-header{position:absolute;z-index:5;top:0;left:0;width:100%;background:transparent}
.nav{min-height:82px}
.brand,.brand b,.nav-links,.menu{color:var(--wine)}
.nav-links a:hover{color:var(--berry)}
.hero{position:relative;display:block;width:100%;height:100svh;min-height:680px;max-height:none;margin:0;padding:0;overflow:hidden;background:#c58a9b;isolation:isolate}
.hero-copy{position:absolute;inset:0;z-index:2;display:block;max-width:none;min-height:0;padding:0;pointer-events:none}
.hero-label{position:absolute;top:23%;left:6vw;margin:0;color:var(--wine);font-size:.7rem;letter-spacing:.18em}
.hero-label:before{display:none}
.hero h1{position:absolute;top:30%;left:5.5vw;right:auto;width:min(48vw,680px);margin:0;color:var(--wine);font-size:clamp(5rem,10.6vw,10rem);line-height:.73;letter-spacing:-.08em;white-space:normal;pointer-events:none}
.hero h1 span{display:block}
.hero h1 span:first-child,.hero h1 span:last-child{padding:0;color:var(--wine)}
.hero h1 span:last-child{font-size:.75em}
.hero-intro,.hero-actions{display:none}
.hero-image{position:absolute;inset:0;z-index:1;width:100%;height:100%;min-height:0;margin:0;overflow:hidden;background:#c58a9b}
.hero-image img{width:100%;height:100%;min-height:0;max-height:none;object-fit:cover;object-position:center 44%;mix-blend-mode:normal}
.hero-image:after,.hero-image figcaption{display:none}
@media(max-width:850px){.nav{min-height:74px}.hero{height:100svh;min-height:640px}.hero-image img{object-position:center center}.hero-label{top:19%;left:5vw;font-size:.62rem}.hero h1{top:25%;left:5vw;width:50vw;font-size:clamp(4rem,10.7vw,6.8rem)}}
@media(max-width:650px){.site-header{background:transparent}.nav{min-height:68px}.brand,.brand b,.menu{color:var(--wine)}.nav-links{top:68px;background:var(--cream);color:var(--wine)}.hero{height:100svh;min-height:620px;max-height:none;background:#c58a9b}.hero-image img{object-position:center center}.hero-label{top:19%;left:5.5vw;font-size:.56rem;letter-spacing:.13em}.hero h1{top:25%;left:5vw;width:48vw;font-size:clamp(2.65rem,10.4vw,4.25rem);line-height:.74;letter-spacing:-.085em}.hero h1 span:last-child{font-size:.76em}}

/* A more expressive, editorial entrance for House of Jutan. */
.hero{position:relative;isolation:isolate;grid-template-columns:.88fr 1.12fr;align-items:center;min-height:690px;padding:34px clamp(24px,5vw,76px) 34px;gap:clamp(30px,5vw,76px);background:radial-gradient(ellipse at 18% 74%,rgba(217,192,200,.25),transparent 42%),var(--cream)}
.hero-copy{position:relative;z-index:1;max-width:540px;padding:50px 0 56px clamp(12px,2.4vw,36px)}
.hero-copy:before{position:absolute;top:44px;bottom:48px;left:0;width:1px;background:linear-gradient(transparent,var(--mauve) 18%,var(--mauve) 82%,transparent);content:""}
.hero-label{display:flex;align-items:center;gap:11px;margin-bottom:25px;color:var(--berry);font-size:.7rem;letter-spacing:.18em}
.hero-label:before{width:7px;height:7px;border:1px solid #ad8a55;transform:rotate(45deg);content:""}
.hero h1{font-size:clamp(5.2rem,8.7vw,8.3rem);line-height:.8;letter-spacing:-.075em}
.hero h1 br{display:block}
.hero-intro{max-width:370px;margin:27px 0 28px;font-size:1.04rem;line-height:1.7}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px}
.hero-primary{display:inline-flex;align-items:center;gap:20px;min-height:48px;padding:0 18px;background:var(--berry);color:var(--paper);font-size:.65rem;font-weight:800;letter-spacing:.1em;transition:background .2s ease,transform .2s ease}
.hero-primary span{font-size:1rem}
.hero-primary:hover{transform:translateY(-2px);background:var(--wine)}
.hero-secondary{padding:10px 0;border-bottom:1px solid var(--mauve);color:var(--berry);font-size:.65rem;font-weight:800;letter-spacing:.1em}
.hero-image{min-height:600px;box-shadow:0 20px 55px rgba(84,23,36,.12)}
.hero-image:after{position:absolute;inset:15px;border:1px solid rgba(255,253,250,.58);content:"";pointer-events:none}
.hero-image img{min-height:600px;object-position:center 45%}
.hero-image figcaption{background:rgba(84,23,36,.88);padding:16px 20px;font-size:.6rem;letter-spacing:.13em}
@media(max-width:850px){.hero{min-height:540px;padding:26px 23px 22px;gap:24px}.hero-copy{padding:38px 0 42px 20px}.hero-copy:before{top:34px;bottom:36px}.hero h1{font-size:clamp(4.2rem,8.5vw,6.5rem)}.hero-image,.hero-image img{min-height:500px}}
@media(max-width:650px){.hero{gap:22px;padding:40px 17px 0;background:radial-gradient(ellipse at 0% 2%,rgba(217,192,200,.28),transparent 48%),var(--cream)}.hero-copy{padding:16px 2px 0 14px}.hero-copy:before{top:7px;bottom:4px}.hero-label{margin-bottom:18px;font-size:.59rem;letter-spacing:.14em}.hero h1{font-size:clamp(3.35rem,14.5vw,5.2rem);line-height:.84}.hero-intro{max-width:330px;margin:18px 0 20px;font-size:.98rem;line-height:1.55}.hero-actions{gap:16px}.hero-primary{min-height:43px;padding:0 13px;font-size:.59rem;gap:12px}.hero-secondary{font-size:.59rem}.hero-image{min-height:360px;margin:0 -17px;box-shadow:0 12px 28px rgba(84,23,36,.12)}.hero-image img{min-height:360px;max-height:420px}.hero-image:after{inset:10px}.hero-image figcaption{padding:12px 15px;font-size:.51rem;letter-spacing:.08em}}

/* Bold, full-screen editorial hero inspired by the user's reference. */
.site-header{position:relative;z-index:5;background:linear-gradient(90deg,var(--wine) 0 44%,#e9d9dd 44% 100%)}
.nav{min-height:82px}
.brand{color:var(--cream)}
.nav-links{color:var(--wine)}
.nav-links a:hover{color:#a67e3f}
.hero{height:calc(100svh - 82px);min-height:680px;max-height:1000px;display:block;position:relative;overflow:hidden;padding:0;background:linear-gradient(90deg,var(--wine) 0 44%,#e9d9dd 44% 100%)}
.hero-copy{position:absolute;inset:0;max-width:none;padding:0;z-index:3}
.hero-copy:before{display:none}
.hero-label{position:absolute;top:13%;left:6vw;margin:0;color:var(--rose);font-size:.69rem;letter-spacing:.2em}
.hero-label:before{border-color:#d4b874}
.hero h1{position:absolute;top:47%;left:0;right:0;display:flex;flex-direction:column;gap:0;margin:0;font-size:clamp(6.2rem,12.2vw,11.5rem);line-height:.68;letter-spacing:-.085em;white-space:nowrap;pointer-events:none}
.hero h1 span:first-child{align-self:flex-start;padding-left:5vw;color:var(--cream)}
.hero h1 span:last-child{align-self:flex-end;padding-right:4vw;color:var(--wine);font-size:.78em}
.hero-intro{position:absolute;left:6vw;bottom:15%;width:min(340px,31%);margin:0;color:var(--cream);font-size:1rem;line-height:1.65}
.hero-actions{position:absolute;left:6vw;bottom:7%;gap:20px}
.hero-primary{min-height:47px;padding:0 18px;background:var(--rose);color:var(--wine)}
.hero-primary:hover{background:var(--cream);color:var(--wine)}
.hero-secondary{color:var(--cream);border-color:rgba(255,255,255,.55)}
.hero-image{position:absolute;top:0;right:6%;bottom:0;width:49%;min-height:0;margin:0;background:transparent;box-shadow:none;z-index:1}
.hero-image img{width:100%;height:100%;min-height:0;max-height:none;object-fit:contain;object-position:center bottom;mix-blend-mode:multiply}
.hero-image:after{inset:18px;border-color:rgba(84,23,36,.16)}
.hero-image figcaption{right:18px;left:auto;bottom:18px;gap:8px;padding:9px 12px;background:rgba(84,23,36,.88);font-size:.54rem;letter-spacing:.09em}
@media(max-width:850px){.site-header{background:linear-gradient(90deg,var(--wine) 0 44%,#e9d9dd 44% 100%)}.hero{height:calc(100svh - 74px);min-height:640px}.nav{min-height:74px}.brand{font-size:1.05rem}.hero h1{font-size:clamp(5.4rem,12vw,8rem)}.hero-image{right:3%;width:54%}.hero-intro{width:36%;font-size:.95rem}.hero-actions{gap:15px}}
@media(max-width:650px){.site-header{background:var(--wine)}.nav{min-height:68px}.brand{font-size:.92rem}.menu{color:var(--cream)}.nav-links{top:68px;background:var(--cream);color:var(--wine)}.hero{height:calc(100svh - 68px);min-height:700px;max-height:900px;background:linear-gradient(180deg,var(--wine) 0 34%,#e9d9dd 34% 100%)}.hero-label{top:7%;left:6vw;font-size:.57rem;letter-spacing:.16em}.hero-image{top:13%;right:0;bottom:0;width:100%;height:87%;}.hero-image img{object-position:center bottom}.hero-image:after{inset:12px}.hero-image figcaption{right:12px;bottom:12px;padding:8px 10px;font-size:.48rem}.hero h1{top:51%;font-size:clamp(4.15rem,15.6vw,6rem);line-height:.72;letter-spacing:-.085em}.hero h1 span:first-child{padding-left:4vw}.hero h1 span:last-child{padding-right:4vw;font-size:.73em}.hero-intro{left:6vw;bottom:13%;width:min(290px,76%);font-size:.88rem;line-height:1.5;color:var(--wine)}.hero-actions{left:6vw;bottom:5%;gap:14px}.hero-primary{min-height:42px;padding:0 12px;font-size:.55rem;gap:10px}.hero-secondary{color:var(--wine);border-color:rgba(84,23,36,.55);font-size:.55rem}}

/* Keep the new full-length portrait and homepage copy clear on every screen. */
.site-header{position:relative;z-index:5;background:var(--wine)}
.brand{color:var(--cream)}
.nav-links{color:var(--cream)}
.nav-links a:hover{color:var(--rose)}
.menu{color:var(--cream)}
.hero{height:calc(100svh - 82px);min-height:650px;max-height:960px;display:grid;grid-template-columns:.46fr .54fr;grid-template-areas:none;position:relative;overflow:hidden;padding:0;background:var(--wine)}
.hero-copy{position:relative;inset:auto;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;max-width:none;min-height:100%;padding:clamp(42px,7vh,78px) clamp(26px,5vw,76px);background:var(--wine)}
.hero-copy:before{display:none}
.hero-label{position:static;display:flex;align-items:center;gap:11px;margin:0 0 20px;color:var(--rose);font-size:.67rem;letter-spacing:.17em}
.hero-label:before{border-color:#d4b874}
.hero h1{position:static;display:block;margin:0;color:var(--cream);font-size:clamp(4.4rem,7.6vw,8.2rem);line-height:.74;letter-spacing:-.075em;white-space:normal;pointer-events:auto}
.hero h1 span{display:block}
.hero h1 span:first-child{padding:0;color:var(--cream)}
.hero h1 span:last-child{padding:0;color:var(--rose);font-size:.79em}
.hero-intro{position:static;width:auto;max-width:390px;margin:24px 0 26px;color:#f5e8eb;font-size:1rem;line-height:1.65}
.hero-actions{position:static;display:flex;align-items:center;flex-wrap:wrap;gap:17px}
.hero-primary{min-height:46px;padding:0 15px;background:var(--rose);color:var(--wine);font-size:.61rem}
.hero-primary:hover{background:var(--cream);color:var(--wine)}
.hero-secondary{color:var(--cream);font-size:.61rem}
.hero-image{position:relative;inset:auto;width:100%;height:100%;min-height:0;margin:0;overflow:hidden;background:#eee4e6;box-shadow:none;z-index:1}
.hero-image img{display:block;width:100%;height:100%;min-height:0;max-height:none;margin:auto;object-fit:contain;object-position:center bottom;mix-blend-mode:multiply}
.hero-image:after{inset:16px;border-color:rgba(84,23,36,.18)}
.hero-image figcaption{right:16px;left:auto;bottom:16px;gap:8px;padding:9px 11px;background:rgba(84,23,36,.9);font-size:.5rem;letter-spacing:.08em}
@media(max-width:850px){.hero{height:calc(100svh - 74px);min-height:620px;grid-template-columns:.44fr .56fr}.nav{min-height:74px}.hero-copy{padding:40px 24px}.hero h1{font-size:clamp(3.8rem,8vw,6.3rem)}.hero-intro{font-size:.94rem}.hero-image:after{inset:12px}}
@media(max-width:650px){.site-header{background:var(--wine)}.nav{min-height:68px}.brand{font-size:.92rem}.menu{color:var(--cream)}.nav-links{top:68px;background:var(--cream);color:var(--wine)}.hero{height:auto;min-height:0;max-height:none;display:grid;grid-template-columns:1fr;grid-template-areas:"copy" "image";background:var(--wine)}.hero-copy{grid-area:copy;min-height:0;padding:30px 22px 28px}.hero-label{margin:0 0 15px;font-size:.57rem;letter-spacing:.15em}.hero h1{font-size:clamp(3.5rem,15vw,5.2rem);line-height:.74;letter-spacing:-.075em}.hero h1 span:last-child{font-size:.78em}.hero-intro{max-width:340px;margin:16px 0 18px;font-size:.9rem;line-height:1.55}.hero-actions{gap:15px}.hero-primary{min-height:42px;padding:0 12px;font-size:.55rem;gap:10px}.hero-secondary{font-size:.55rem}.hero-image{grid-area:image;width:100%;height:min(70svh,640px);min-height:520px;background:#eee4e6}.hero-image img{width:100%;height:100%;object-fit:contain;object-position:center bottom}.hero-image:after{inset:10px}.hero-image figcaption{right:10px;bottom:10px;padding:8px 9px;font-size:.46rem}}

/* Final full-bleed mauve hero overrides. */
.site-header{position:absolute;z-index:5;top:0;left:0;width:100%;background:transparent}
.nav{min-height:82px}
.brand,.brand b,.nav-links,.menu{color:var(--wine)}
.nav-links a:hover{color:var(--berry)}
.hero{position:relative;display:block;width:100%;height:100svh;min-height:680px;max-height:none;margin:0;padding:0;overflow:hidden;background:#c58a9b;isolation:isolate}
.hero-copy{position:absolute;inset:0;z-index:2;display:block;max-width:none;min-height:0;padding:0;pointer-events:none}
.hero-label{position:absolute;top:23%;left:6vw;margin:0;color:var(--wine);font-size:.7rem;letter-spacing:.18em}
.hero-label:before{display:none}
.hero h1{position:absolute;top:30%;left:5.5vw;right:auto;width:min(48vw,680px);margin:0;color:var(--wine);font-size:clamp(5rem,10.6vw,10rem);line-height:.73;letter-spacing:-.08em;white-space:normal;pointer-events:none}
.hero h1 span{display:block}
.hero h1 span:first-child,.hero h1 span:last-child{padding:0;color:var(--wine)}
.hero h1 span:last-child{font-size:.75em}
.hero-intro,.hero-actions{display:none}
.hero-image{position:absolute;inset:0;z-index:1;width:100%;height:100%;min-height:0;margin:0;overflow:hidden;background:#c58a9b}
.hero-image img{width:100%;height:100%;min-height:0;max-height:none;object-fit:cover;object-position:center 44%;mix-blend-mode:normal}
.hero-image:after,.hero-image figcaption{display:none}
@media(max-width:850px){.nav{min-height:74px}.hero{height:100svh;min-height:640px}.hero-image img{object-position:center center}.hero-label{top:19%;left:5vw;font-size:.62rem}.hero h1{top:25%;left:5vw;width:50vw;font-size:clamp(4rem,10.7vw,6.8rem)}}
@media(max-width:650px){.site-header{background:transparent}.nav{min-height:68px}.brand,.brand b,.menu{color:var(--wine)}.nav-links{top:68px;background:var(--cream);color:var(--wine)}.hero{height:100svh;min-height:620px;max-height:none;background:#c58a9b}.hero-image img{object-position:center center}.hero-label{top:19%;left:5.5vw;font-size:.56rem;letter-spacing:.13em}.hero h1{top:25%;left:5vw;width:48vw;font-size:clamp(2.65rem,10.4vw,4.25rem);line-height:.74;letter-spacing:-.085em}.hero h1 span:last-child{font-size:.76em}}

/* Keep the complete portrait visible over the edge-to-edge mauve canvas. */
.hero-image{background:#c58a9b}
.hero-image img{object-fit:contain;object-position:center center}

/* Keep the title in the open space beside the full-length portrait. */
.hero-copy{height:100%}
.hero-label{top:22%;left:5.5vw}
.hero h1{top:30%;left:5.5vw;width:min(38vw,560px);font-size:clamp(4.2rem,7vw,7.5rem);line-height:.76}
@media(max-width:850px){.hero-label{top:18%;left:5vw}.hero h1{top:25%;left:5vw;width:48vw;font-size:clamp(3.2rem,10.7vw,6rem)}}
@media(max-width:650px){.hero-label{top:18%;left:5.5vw}.hero h1{top:24%;left:5vw;width:47vw;font-size:clamp(2.5rem,10vw,4rem);line-height:.74}}

/* Clear the legacy copy panel so the portrait and mauve canvas remain visible. */
.hero-copy{height:100%;background:transparent}
.hero-label{top:20%;left:5.5vw}
.hero h1{top:28%;left:5.5vw;width:min(36vw,480px);font-size:clamp(3.8rem,6.4vw,7rem);line-height:.76}
@media(max-width:850px){.hero-label{top:18%;left:5vw}.hero h1{top:24%;left:5vw;width:46vw;font-size:clamp(3rem,10vw,5.7rem)}}
@media(max-width:650px){.hero-label{top:18%;left:5.5vw}.hero h1{top:23%;left:5vw;width:46vw;font-size:clamp(2.5rem,9.8vw,3.9rem);line-height:.74}}

/* Centered welcome hero with a cool mauve backdrop. */
:root{--mauve:#a98298}
.site-header{position:absolute;inset:0 0 auto;z-index:5;background:transparent}
.nav{min-height:82px}
.brand,.brand b,.menu{color:#3e0916}
.brand{font-size:1.35rem;letter-spacing:.035em}
.hero{height:100svh;min-height:660px;background:#a98298}
.hero-copy{position:absolute;inset:0;z-index:2;width:100%;height:100%;display:block;background:transparent;text-align:center;pointer-events:none}
.hero-label{top:13%;left:0;right:0;margin:0;color:#3e0916;font-size:.78rem;letter-spacing:.23em}
.hero h1{top:16%;left:0;right:0;width:auto;margin:0;color:#3e0916;font-size:clamp(4rem,8vw,7.4rem);line-height:.72;letter-spacing:-.065em;white-space:normal}
.hero h1 span{display:block}
.hero h1 span:first-child,.hero h1 span:last-child{padding:0;color:#3e0916}
.hero h1 span:last-child{font-size:.78em}
.hero-intro{position:absolute;top:29%;left:0;right:0;width:auto;margin:0;color:#3e0916;font-size:.83rem;font-weight:700;letter-spacing:.18em}
.hero-actions{display:none}
.hero-image{position:absolute;inset:0;z-index:1;width:100%;height:100%;margin:0;background:#a98298;overflow:hidden}
.hero-image img{width:100%;height:100%;object-fit:contain;object-position:center center;transform:scale(1.08);transform-origin:center 54%}
.hero-image:after{display:none}
.hero-image figcaption{display:block;position:absolute;z-index:3;left:0;right:0;bottom:2.5%;text-align:center;padding:0;background:transparent;color:#3e0916;font-family:var(--sans);font-size:.78rem;font-weight:700;letter-spacing:.19em}
.founder-note-link span{display:none}
@media(max-width:850px){.nav{min-height:74px}.brand{font-size:1.18rem}.hero{height:100svh;min-height:640px}.hero-label{top:13%}.hero h1{top:17%;font-size:clamp(3.8rem,10vw,6.5rem)}.hero-intro{top:29%;font-size:.76rem}.hero-image img{transform:scale(1.08);transform-origin:center 54%}}
@media(max-width:650px){.nav{min-height:68px}.brand{font-size:1.08rem}.menu{color:#3e0916}.nav-links{top:68px;background:#f5f0ed;color:#3e0916}.hero{height:100svh;min-height:620px;max-height:none;background:#a98298}.hero-label{top:12%;font-size:.67rem;letter-spacing:.19em}.hero h1{top:16%;left:0;right:0;width:100%;font-size:clamp(3.25rem,13vw,5rem);line-height:.73}.hero h1 span:last-child{font-size:.76em}.hero-intro{top:27%;font-size:.67rem;letter-spacing:.13em}.hero-image{background:#a98298}.hero-image img{object-fit:contain;object-position:center center;transform:scale(1.1);transform-origin:center 54%}.hero-image figcaption{bottom:2.6%;font-size:.68rem;letter-spacing:.15em}}

/* Center the welcome and make the portrait the clear focal point on mobile. */
.hero-label{display:block!important;left:0!important;right:0!important;width:100%;text-align:center;margin:0!important}
.hero-label:before{display:none!important}
.hero-intro{display:block!important;left:0;right:0;width:100%;text-align:center;white-space:normal;color:#3e0916}
.hero-image img{transform:scale(1.12);transform-origin:center 34%}
@media(max-width:850px){.hero-label{left:0!important;right:0!important}.hero-image img{transform:scale(1.14);transform-origin:center 34%}}
@media(max-width:650px){.hero-label{top:12%;left:0!important;right:0!important;width:100%;font-size:.65rem;letter-spacing:.17em;text-align:center}.hero h1{top:16%;left:0;right:0;width:100%;font-size:clamp(3.1rem,12.5vw,4.8rem);line-height:.74}.hero-intro{display:block!important;top:27%;left:0;right:0;width:100%;padding:0 12px;font-size:.66rem;line-height:1.35;letter-spacing:.1em}.hero-image img{transform:scale(1.2);transform-origin:center 34%}.hero-image figcaption{bottom:2.7%;font-size:.66rem}}

/* Oversized name flanking the portrait, in the House of Jutan wine color. */
.hero-name{position:absolute;top:45%;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:space-between;margin:0;padding:0 3vw;color:#3e0916;font-family:var(--sans);font-size:clamp(3rem,9vw,8rem);font-weight:800;line-height:.9;letter-spacing:-.075em;white-space:nowrap;text-shadow:0 1px 2px rgba(255,238,243,.36)}
.hero-name span:last-child{margin-left:auto}
@media(max-width:650px){.hero-name{top:43%;padding:0 2.5vw;font-size:clamp(2.65rem,10.6vw,4.4rem);letter-spacing:-.08em}}

/* Keep the entire welcome message on one centered line. */
.hero-label{display:none!important}
.hero h1{top:15%;left:0;right:0;width:100%;padding:0 12px;font-family:var(--serif);font-size:clamp(1.4rem,5.6vw,3.4rem);line-height:1;letter-spacing:-.035em;text-align:center;white-space:nowrap}
.hero h1 span{display:inline!important;padding:0!important;color:#3e0916!important;font-size:1em!important}
.hero-intro{top:22%;left:0;right:0;width:100%;text-align:center}
@media(max-width:650px){.hero h1{top:15%;padding:0 8px;font-size:clamp(1.25rem,5.6vw,1.55rem);letter-spacing:-.04em}.hero-intro{top:21%;font-size:.64rem;letter-spacing:.1em}}

/* Black and white final palette for the portrait hero. */
.hero,.hero-image{background:#080809!important}
.brand,.brand b,.nav-links,.menu,.hero h1,.hero h1 span,.hero-intro,.hero-name,.hero-image figcaption{color:#fff!important}
.nav-links{background:#080809!important}

/* Black editorial hero with the untouched studio portrait centered. */
.hero{height:100svh;min-height:680px;background:#080809;overflow:hidden}
.site-header{background:transparent}
.brand,.brand b,.nav-links,.menu{color:#fff!important}
.nav-links{background:#080809!important}
.hero-copy{position:absolute;inset:0;z-index:2;width:100%;height:100%;padding:0;background:transparent;text-align:center;pointer-events:none}
.hero h1{position:absolute;top:11%;left:0;right:0;width:100%;display:flex;flex-direction:column;align-items:center;gap:.12em;margin:0;padding:0 10px;color:#fff;font-family:var(--sans);font-size:clamp(2.8rem,10vw,6.4rem);font-weight:800;line-height:.9;letter-spacing:.035em;white-space:nowrap;text-align:center}
.hero h1 span{display:block!important;padding:0!important;color:#fff!important;font-size:1em!important}
.hero h1 span:last-child{font-family:var(--serif);font-size:clamp(1.55rem,5.6vw,3.8rem)!important;font-weight:500;letter-spacing:.015em}
.hero-intro{display:block!important;position:absolute;top:26%;left:0;right:0;width:100%;margin:0;padding:0 12px;color:#fff!important;font-family:var(--sans);font-size:clamp(.72rem,1.4vw,.95rem);font-weight:700;letter-spacing:.18em;line-height:1.3;text-align:center}
.hero-actions{display:none}
.hero-image{position:absolute;z-index:1;top:32%;bottom:0;left:18%;width:64%;height:auto;margin:0;overflow:hidden;background:#fff;box-shadow:none}
.hero-image img{display:block;width:100%;height:100%;min-height:0;object-fit:cover;object-position:center 54%;transform:scale(1.18);transform-origin:center 35%;mix-blend-mode:normal}
.hero-image:after{display:none}
.hero-image figcaption{display:none!important}
.hero-name{position:absolute;z-index:3;top:57%;left:0;right:0;display:block;margin:0;padding:0;color:#fff;font-family:var(--serif);font-size:clamp(1.05rem,4.2vw,3rem);font-weight:600;line-height:1;letter-spacing:.015em;white-space:nowrap}
.hero-name span:first-child{position:absolute;left:2.5vw}
.hero-name span:last-child{position:absolute;right:2.5vw}
@media(max-width:850px){.hero{height:100svh;min-height:620px}.hero h1{top:12%}.hero-intro{top:27%}.hero-image{top:34%;left:18%;width:64%}.hero-name{top:58%;font-size:clamp(1rem,4vw,2rem)}}
@media(max-width:650px){.nav{min-height:68px}.brand{font-size:1.08rem}.hero{height:100svh;min-height:620px}.hero h1{top:11%;font-size:clamp(2.55rem,12vw,4.5rem);letter-spacing:.025em}.hero h1 span:last-child{font-size:clamp(1.3rem,6vw,1.9rem)!important}.hero-intro{top:23%;font-size:.65rem;letter-spacing:.13em}.hero-image{top:32%;left:18%;width:64%;height:68%;background:#fff}.hero-image img{object-position:center 54%;transform:scale(1.18);transform-origin:center 35%}.hero-name{top:57%;font-size:clamp(.95rem,4.3vw,1.2rem)}.hero-name span:first-child{left:1.5vw}.hero-name span:last-child{right:1.5vw}}

/* New pink-suit portrait: keep it intact in a centered photo panel. */
.hero,.hero-image{background:#080809!important}
.site-header,.hero-copy{background:transparent!important}
.brand,.brand b,.nav-links,.menu,.hero h1,.hero h1 span,.hero-intro,.hero-name{color:#fff!important}
.nav-links{background:#080809!important}
.hero h1{top:10%;left:0;right:0;width:100%;display:flex;flex-direction:column;align-items:center;gap:.1em;padding:0 10px;font-family:var(--sans);font-size:clamp(2.6rem,10vw,6rem);font-weight:800;line-height:.92;letter-spacing:.025em;white-space:nowrap;text-align:center}
.hero h1 span{display:block!important;color:#fff!important;font-size:1em!important}
.hero h1 span:last-child{font-family:var(--serif);font-size:clamp(1.35rem,5.3vw,3.5rem)!important;font-weight:500;letter-spacing:.02em}
.hero-intro{display:block!important;top:24%;left:0;right:0;width:100%;padding:0 10px;color:#fff!important;text-align:center;font-family:var(--sans);font-size:clamp(.66rem,1.4vw,.92rem);font-weight:700;letter-spacing:.15em}
.hero-image{top:29%;bottom:0;left:15%;width:70%;height:71%;background:#f7f6f5;overflow:hidden;box-shadow:none}
.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center center;transform:none;mix-blend-mode:normal}
.hero-image figcaption{display:none!important}
.hero-name{top:58%;left:0;right:0;display:block;font-family:var(--serif);font-size:clamp(.95rem,3.5vw,2.35rem);font-weight:600;letter-spacing:.015em;line-height:1}
.hero-name span:first-child{position:absolute;left:2vw}
.hero-name span:last-child{position:absolute;right:2vw}
@media(max-width:850px){.hero h1{top:11%}.hero-intro{top:25%}.hero-image{top:30%;left:15%;width:70%;height:70%}.hero-name{top:58%;font-size:clamp(.95rem,3.5vw,1.85rem)}}
@media(max-width:650px){.hero{height:100svh;min-height:620px}.hero h1{top:10%;font-size:clamp(2.45rem,11.5vw,4.3rem)}.hero h1 span:last-child{font-size:clamp(1.25rem,5.8vw,1.8rem)!important}.hero-intro{top:23%;font-size:.62rem;letter-spacing:.1em}.hero-image{top:29%;left:15%;width:70%;height:71%}.hero-name{top:58%;font-size:clamp(.9rem,3.8vw,1.2rem)}.hero-name span:first-child{left:1vw}.hero-name span:last-child{right:1vw}}


/* Use the uploaded workshop photo unchanged, centered in the black welcome hero. */
.hero{height:calc(100svh - 88px)!important;min-height:600px!important;background:#080809!important;position:relative!important;overflow:hidden!important}
.site-header{background:#080809!important}
.brand,.brand b,.nav-links,.menu,.hero h1,.hero h1 span,.hero-intro{color:#fff!important}
.hero h1{top:7%!important;gap:.12em!important;font-family:var(--sans)!important;font-size:clamp(2.8rem,8vw,6rem)!important;font-weight:800!important;line-height:.92!important;letter-spacing:.025em!important}
.hero h1 span:last-child{font-family:var(--serif)!important;font-size:clamp(1.3rem,4.4vw,3.2rem)!important;font-weight:500!important;letter-spacing:.015em!important}
.hero-intro{top:22%!important;color:#fff!important;font-size:clamp(.68rem,1.2vw,.9rem)!important;font-weight:700!important;letter-spacing:.16em!important}
.hero-image{top:27%!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:73%!important;margin:0!important;background:#080809!important;overflow:hidden!important}
.hero-image img{width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;object-fit:contain!important;object-position:center bottom!important;transform:none!important;mix-blend-mode:normal!important}
.hero-name{display:none!important}
@media(max-width:850px){.hero{height:calc(100svh - 74px)!important;min-height:540px!important}.hero h1{top:8%!important}.hero-intro{top:23%!important}.hero-image{top:29%!important;height:71%!important}}
@media(max-width:650px){.nav{min-height:68px!important}.hero{height:calc(100svh - 68px)!important;min-height:520px!important}.hero h1{top:7%!important;font-size:clamp(2.45rem,11vw,4rem)!important;white-space:normal!important}.hero h1 span:last-child{font-size:clamp(1.2rem,5.8vw,1.8rem)!important}.hero-intro{top:21%!important;font-size:.62rem!important;letter-spacing:.11em!important}.hero-image{top:27%!important;height:73%!important}}