
@font-face{font-family:PT Serif;src:url('PTSerif-Regular.ttf');font-weight:400;font-display:swap}@font-face{font-family:PT Serif;src:url('PTSerif-Italic.ttf');font-weight:400;font-style:italic;font-display:swap}
:root{--paper:var(--season-paper);--ink:var(--season-ink);--accent:var(--season-burgundy);--line:var(--season-rule);--muted:var(--season-muted);--panel:var(--season-panel);--serif:'PT Serif',Georgia,serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--sans)}a{color:inherit;text-underline-offset:6px}button,select{font:inherit}button,a,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--season-burgundy);outline-offset:6px}button{cursor:pointer}.skip{position:fixed;top:-100px;padding:12px;background:white;color:black;z-index:5}.skip:focus{top:0}.site{max-width:1600px;margin:auto}header{margin:0 6%;padding:30px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.wordmark{font-family:var(--serif);font-size:27px;text-decoration:none;letter-spacing:-1px}.wordmark small{display:block;font:9px var(--sans);letter-spacing:4.4px;text-transform:uppercase;margin-top:1px}nav{display:flex;gap:34px;font-size:12px}nav a{text-decoration:none}.hero{padding:74px 6% 62px;position:relative}.eyebrow{font-size:11px;letter-spacing:.17em;text-transform:uppercase;margin:0 0 30px}.hero-grid{display:grid;grid-template-columns:1.5fr .65fr;gap:8%;align-items:end}h1,h2,h3,p{margin-top:0}h1{font:400 clamp(54px,5vw,80px)/1.04 var(--serif);letter-spacing:-.055em;margin-bottom:32px}h1 em{font-weight:400;color:var(--accent)}.intro{font:22px/1.65 var(--serif);max-width:650px}.hero-aside{padding-bottom:8px}.hero-aside .index{font-size:11px;letter-spacing:.15em;text-transform:uppercase;border-top:1px solid var(--line);padding-top:18px}.hero-aside p{font-size:14px;max-width:280px;color:var(--muted)}.arrowlink{display:inline-flex;gap:40px;align-items:center;text-decoration:none;border-bottom:1px solid var(--ink);padding:10px 0;font-size:13px}.arrowlink span{font-size:22px}.brandstrip{display:flex;justify-content:space-between;gap:12px;margin:0 6%;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.house{display:grid;grid-template-columns:.65fr 1.35fr;gap:8%;padding:90px 6%}.sectionnumber{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}h2{font:400 clamp(32px,3.2vw,50px)/1.15 var(--serif);letter-spacing:-.04em}h3{font:400 27px/1.2 var(--serif);letter-spacing:-.025em}.house-text>p{max-width:660px;color:var(--muted)}.disciplines{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:45px}.disciplines article{border-top:1px solid var(--line);padding-top:16px}.disciplines b{font-size:10px;font-weight:400;color:var(--muted)}.disciplines h3{font-size:22px;margin:15px 0}.disciplines p{font-size:13px;color:var(--muted)}.family{background:var(--panel);padding:64px 6%;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.family p{color:var(--muted);max-width:540px}.family .product{font:400 62px var(--serif);letter-spacing:-3px;margin:0}.family .product-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:24px}.founder{padding:90px 6%;display:grid;grid-template-columns:1fr 1fr;gap:10%}.founder-title{border-left:1px solid var(--line);padding-left:38px}.founder-title .name{font:400 46px/1.2 var(--serif);letter-spacing:-.04em;margin-bottom:14px}.founder-title .role{font-size:11px;letter-spacing:.1em;text-transform:uppercase}.founder p{color:var(--muted)}.contact{margin:0 6%;border-top:1px solid var(--line);padding:65px 0;display:flex;align-items:center;justify-content:space-between;gap:35px}.contact h2{margin-bottom:0;font-size:clamp(36px,4vw,60px)}.contact a{font-size:14px}footer{padding:26px 6%;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}details{border-top:1px solid #b7baa9;padding:18px 0;font-size:14px}summary{cursor:pointer;font-weight:600}
@media(max-width:700px){header{padding:23px 0;align-items:start}.wordmark{font-size:23px}nav{gap:16px;font-size:11px}nav a:first-child{display:none}.hero{padding:47px 6% 35px}.eyebrow{font-size:9px;margin-bottom:25px}.hero-grid{grid-template-columns:1fr;gap:22px}h1{font-size:52px;letter-spacing:-.055em}.intro{font-size:19px}.hero-aside p{max-width:none}.brandstrip{font-size:8px;letter-spacing:.08em;flex-wrap:wrap}.house,.founder{grid-template-columns:1fr!important;padding:52px 6%;gap:25px}.disciplines{grid-template-columns:1fr;gap:15px;margin-top:30px}.disciplines article{display:grid;grid-template-columns:25px 1fr;gap:10px}.disciplines h3{margin:0}.disciplines p{grid-column:2}.family{padding:44px 6%;grid-template-columns:1fr;gap:32px}.family .product{font-size:48px}.founder-title{padding-left:24px}.founder-title .name{font-size:38px}.contact{padding:45px 0;display:block}.contact a{display:inline-block;margin-top:24px;font-size:12px}.contact h2{font-size:39px}footer{gap:18px;font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Layout and accessibility refinements, independent of seasonal palette. */
header{gap:20px}nav a{display:inline-flex;align-items:center;min-height:44px}.hero-aside .index{border-top:2px solid var(--season-gold)}
.family{background:var(--season-olive);color:var(--season-on-olive)}.family p{color:var(--season-on-olive)}.family .sectionnumber,.family .product-label{color:var(--season-on-olive)}.family .arrowlink{border-color:var(--season-on-olive)}.family a:focus-visible{outline-color:var(--season-on-olive)}
.founder-title{border-left:2px solid var(--season-gold)}.contact h2 em{color:var(--season-burgundy);font-weight:400}.arrowlink:hover,nav a:hover{text-decoration:underline}main:focus{outline:none}
@media(max-width:700px){header{flex-wrap:wrap}nav{width:100%;justify-content:space-between;gap:8px}nav a:first-child{display:inline-flex}h1{font-size:clamp(40px,12vw,52px)}.brandstrip{gap:16px}footer{flex-wrap:wrap}.founder-title .name{font-size:clamp(30px,10vw,38px)}}

/* Native button: keyboard Enter/Space, stable accessible name and pressed state. */
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px;border:0;background:transparent;color:var(--ink);border-radius:0;font:inherit;cursor:pointer}.theme-toggle[hidden]{display:none}.theme-toggle:hover{background:transparent}.theme-toggle [data-mode-icon]{width:22px;height:22px;display:block}.theme-toggle [data-mode-icon="sun"]{display:none}:root[data-theme="dark"] .theme-toggle [data-mode-icon="moon"]{display:none}:root[data-theme="dark"] .theme-toggle [data-mode-icon="sun"]{display:block}nav{align-items:center;flex-wrap:wrap}
@media(max-width:700px){nav{justify-content:flex-start;column-gap:22px;row-gap:6px}.theme-toggle{margin-left:auto}}
@media(max-width:370px){.theme-toggle{margin-left:0}}

/* Approved studio copy refinement: readable introduction, no abstract strip. */
.hero-aside .index{letter-spacing:normal;text-transform:none}.hero-aside .index p{font-size:18px;line-height:1.65;max-width:360px}.house{border-top:1px solid var(--line)}

/* Plain U+2192 arrows inherit the link color in either theme. */
.link-arrow{font-family:Arial,Helvetica,sans-serif;font-variant-emoji:text;color:inherit}nav .link-arrow{margin-left:.3em}

/* Kawena's original prints. Raster originals unchanged; CSS controls tone/crop. */
.hero,.family{position:relative;isolation:isolate;overflow:hidden}
.hero{background:var(--season-olive);color:var(--season-on-olive)}
.hero h1 em,.hero .hero-aside p{color:var(--season-on-olive)}
.hero .arrowlink{border-color:var(--season-on-olive)}
.hero a:focus-visible{outline-color:var(--season-on-olive)}
.hero .hero-aside .index{border-color:var(--season-gold)}
/* Full-section masks: original aspect ratio retained with cover cropping. */
.motif{position:absolute;z-index:-1;pointer-events:none;user-select:none;background:var(--season-motif);mask-repeat:no-repeat;mask-size:cover;opacity:1}
.motif-mamaki{inset:0;mask-image:url('mamaki.png');mask-mode:luminance;mask-position:center 46%}
.motif-pohaku{inset:-30%;mask-image:url('pohaku.png');mask-mode:alpha;mask-position:center;opacity:.68}
@media(max-width:700px){.motif-mamaki{mask-position:48% center}.motif-pohaku{inset:-35%;mask-position:52% center}}

/* October 23: combined user feedback, existing Connect gap measured at 3.6px. */
.site{max-width:none}
.hero{border-top:1px solid var(--season-gold);border-bottom:1px solid var(--season-gold)}
.hero h1{margin-bottom:16px}
.hero .motif-pohaku{inset:-38%;mask-position:50% 48%}
.family{background:var(--wehena-bg);color:var(--wehena-text);border-top:1px solid var(--wehena-accent);border-bottom:1px solid var(--wehena-accent)}
.family p,.family .sectionnumber,.family .product-label{color:var(--wehena-text)}
.family .product{color:var(--wehena-accent)}
nav a,.arrowlink,.theme-toggle{color:var(--link-accent);font-weight:400}
.arrowlink,nav a{gap:3.6px;border-bottom:0;text-decoration:none}
.arrowlink .link-label{font-size:inherit}
.link-arrow,nav .link-arrow{margin:0;font-size:1em;text-decoration:none;transform:none}
.arrowlink:hover,nav a:hover{text-decoration:none}
a:hover>.link-label,.theme-toggle:hover>.link-label{text-decoration:underline;text-underline-offset:5px}
.hero .arrowlink{background:var(--paper);padding:10px 12px}
a:focus-visible,button:focus-visible,.hero a:focus-visible,.family a:focus-visible{outline:3px solid var(--link-accent);outline-offset:5px}
.hero a:focus-visible{outline-color:var(--season-on-olive)}
.contact .arrowlink{display:inline-flex}
.founder-portrait{margin:0 0 28px;max-width:420px;aspect-ratio:4/5;overflow:hidden}
.founder-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:700px){.hero .motif-pohaku{inset:-40%;mask-position:52% center}}

/* Supplied circular portrait: show complete original, no retouch or destructive crop. */
.founder-portrait{aspect-ratio:1;max-width:380px}.founder-portrait img{object-fit:contain}
