@font-face{font-family:Cormorant;src:url('/assets/cormorant.ttf') format('truetype');font-weight:300 700;font-display:swap}@font-face{font-family:Deva;src:url('/assets/devanagari.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--ink:#203732;--chalk:#f0eee8;--muted:#bcc6be;--line:#667970;--soft:#d7ded4;--serif:Cormorant,Georgia,serif}
*{box-sizing:border-box}html{background:var(--ink);color:var(--chalk);scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif;font-size:1rem;line-height:1.75}a{color:inherit;text-underline-offset:6px}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid currentColor;outline-offset:6px}::selection{background:var(--chalk);color:var(--ink)}[hidden]{display:none!important}.skip{position:absolute;z-index:20;background:var(--chalk);color:var(--ink);padding:12px;left:20px;top:-100px}.skip:focus{top:10px}
.site-header{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:18px 5vw;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{font-family:var(--serif);font-size:1.7rem;letter-spacing:.07em;line-height:1.1;text-decoration:none;text-align:center}.brand span{display:block;font-family:Deva,serif;font-size:.85rem;letter-spacing:0;margin-top:7px}nav{display:flex;gap:28px;flex-wrap:wrap;justify-content:center}nav a{font-size:.875rem;text-decoration:none;padding:10px 0}nav a:hover,nav a[aria-current]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:8px}.eyebrow{font-size:.875rem;letter-spacing:.16em;line-height:1.6;text-transform:uppercase;margin:0 0 24px}.home-hero{text-align:center;padding:58px 5vw 38px;min-height:calc(100svh - 94px);display:flex;flex-direction:column;align-items:center;justify-content:center}.wordmark{font-family:var(--serif);font-weight:400;font-size:clamp(3.3rem,13vw,12rem);letter-spacing:.025em;line-height:1.15;margin:0}.deva{font-family:Deva,serif;font-weight:400;line-height:1.6;font-size:2.1rem;margin:10px 0 0}.short-rule{height:1px;width:40px;background:var(--muted);margin:28px auto}.hero-line{font-family:var(--serif);font-size:clamp(2rem,3.5vw,3.4rem);line-height:1.05;margin:0 0 24px}.hero-foot{font-size:.875rem;color:var(--muted);margin:46px 0 0}.text-link{display:inline-block;background:none;border:0;border-bottom:1px solid currentColor;border-radius:0;padding:5px 0;text-decoration:none;font-size:.9375rem;line-height:1.5;width:fit-content}.text-link:hover{opacity:.75}h1,h2,h3{font-family:var(--serif);font-weight:400;margin:0;line-height:1.05}h1{font-size:clamp(3.5rem,7vw,7rem)}h2{font-size:clamp(2.8rem,5.5vw,5.8rem)}h3{font-size:2rem}em{font-weight:400}.button{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:48px;border:1px solid var(--line);padding:12px 28px;text-decoration:none;font-size:.9375rem;background:transparent;color:inherit;transition:background .2s,color .2s}.button:hover{background:var(--chalk);color:var(--ink)}.image-statement{position:relative;min-height:650px;display:grid;place-items:center;text-align:center;isolation:isolate}.image-statement>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 60%;z-index:-2}.image-statement:after{content:'';position:absolute;inset:0;background:#07120ecc;z-index:-1}.image-statement>div{padding:70px 20px}.image-statement h2{margin-bottom:36px}.light{border-color:#b6c0b8}.chapter{text-align:center;padding:110px 24px;max-width:840px;margin:auto}.chapter>p:not(.eyebrow){max-width:570px;margin:28px auto;font-size:1.0625rem;color:var(--muted)}.chapter>.text-link{margin-top:16px}.coming{text-align:center;padding:85px 24px 100px;background:var(--soft);color:var(--ink)}.coming h2{font-size:clamp(2.8rem,4.5vw,4.8rem)}.coming p:not(.eyebrow){max-width:540px;margin:28px auto}.coming .button:hover{background:var(--ink);color:var(--chalk)}
.page-intro{text-align:center;padding:92px 24px 80px}.page-intro>p:not(.eyebrow){color:var(--muted);max-width:580px;margin:30px auto 0;font-size:1.0625rem}.story-letter{padding:75px 24px 85px;background:var(--chalk);color:var(--ink);text-align:center}.letter{max-width:630px;margin:auto;font-family:var(--serif);font-size:1.7rem;line-height:1.5}.letter p{margin:28px 0}.signed{font-style:italic;font-size:2.7rem}.meaning-section{text-align:center;padding:90px 24px;background:#21352f}.meaning-section h2{font-size:3.5rem}.large-serif{font-family:var(--serif);font-size:2.2rem;line-height:1.15;margin:20px 0}.meaning-section>p:last-child{color:var(--muted)}.principle{padding:36px 0;border-top:1px solid var(--line)}.principles h2{margin-bottom:50px}.principle span{font-size:.875rem;color:var(--muted)}.principle h3{margin:14px 0}.principle p{max-width:530px;margin:18px auto 0;color:var(--muted)}.principles .button{margin-top:25px}.collection-image{max-width:1000px;margin:0 auto;padding:0 30px}.collection-image img{display:block;width:100%;height:450px;object-fit:cover}.caption{font-size:.8125rem;text-align:center;color:var(--muted);margin:12px auto}.approach{max-width:950px}.view-tabs{display:flex;justify-content:center;gap:0;margin:48px auto 0;max-width:470px;border-bottom:1px solid var(--line)}.view-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:16px 22px;font-size:1rem;flex:1}.view-tabs button[aria-selected=true]{border-color:var(--chalk)}.approach-panel{padding:25px 0 0;min-height:220px;max-width:580px;margin:auto}.approach-panel p:not(.large-serif){color:var(--muted)}.contact-intro{padding-bottom:50px}.email-link{display:block;width:fit-content;max-width:100%;overflow-wrap:anywhere;font-family:var(--serif);font-size:clamp(1.7rem,4vw,3.2rem);margin:40px auto 30px}.contact-actions{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap}.copy-status{min-height:1.75em;font-size:.875rem!important}.contact-note{text-align:center;padding:20px 24px 90px}.contact-note>p:not(.large-serif){color:var(--muted)}.contact-note .text-link{margin-top:20px}
footer{text-align:center;padding:65px 5vw 24px;border-top:1px solid var(--line)}.footer-brand{font-family:var(--serif);font-size:2.5rem;letter-spacing:.05em;text-decoration:none;line-height:1.2}.footer-brand span{display:block;font-family:Deva,serif;font-size:1.2rem;letter-spacing:0;margin-top:12px}footer>p{color:var(--muted);margin:22px 0}footer>a:last-of-type{font-size:.875rem}.footer-meta{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:22px;margin-top:60px;font-size:.75rem;letter-spacing:.1em;color:var(--muted)}
@media(max-width:650px){.site-header{flex-direction:column;padding:20px 20px 10px;gap:17px}.brand{font-size:1.65rem}nav{gap:23px}nav a{font-size:.875rem}.home-hero{min-height:calc(100svh - 150px);padding:48px 20px 36px}.home-hero .eyebrow{font-size:.75rem}.wordmark{font-size:13vw;letter-spacing:.005em}.deva{font-size:1.7rem}.hero-foot{max-width:280px;margin-top:35px}.image-statement{min-height:550px}.chapter{padding:75px 24px}.coming{padding:70px 24px}.page-intro{padding:65px 20px}.page-intro h1{font-size:clamp(3rem,11vw,4.5rem)}.story-letter{padding:50px 25px}.letter{font-size:1.5rem}.collection-image{padding:0 20px}.collection-image img{height:340px}.view-tabs button{padding:15px 10px;font-size:.9375rem}.approach-panel{min-height:265px}.footer-meta{justify-content:center}.email-link{font-size:1.9rem}.contact-actions{gap:22px}.eyebrow{letter-spacing:.12em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Daniel's green family, 3 October 2026. Keep #203732 as the main colour. */
:root{
  --green-forest:#294740;
  --green-soft-forest:#33574f;
  --green-fern:#3c675e;
  --green-eucalyptus:#45776c;
  --green-jade:#4f877b;
  --green-sea-glass:#58988a;
  --green-pale-jade:#64a597;
  --green-light-sea-glass:#74aea2;
}
.site-header{border-bottom-color:var(--green-jade)}
nav a[aria-current],nav a:hover{color:var(--green-light-sea-glass)}
.eyebrow{color:var(--green-light-sea-glass)}
.home-hero .hero-line,.page-intro h1 em{color:var(--green-pale-jade)}
.short-rule{background:var(--green-sea-glass)}
.chapter h2,.principle h3,.approach-panel .large-serif,.contact-note .large-serif{color:var(--green-light-sea-glass)}
.text-link{color:var(--green-light-sea-glass)}
.text-link:hover{opacity:1;color:var(--chalk)}
.button{background:var(--green-soft-forest);border-color:var(--green-jade);color:var(--chalk)}
.button:hover{background:var(--green-fern);border-color:var(--green-sea-glass);color:var(--chalk)}
.image-statement .button{background:var(--green-soft-forest);border-color:var(--chalk)}
.image-statement .button:hover{background:var(--green-fern)}
.story-letter .eyebrow,.story-letter .fabric-phrase,.story-letter .signed{color:var(--green-fern)}
.meaning-section{background:var(--green-soft-forest)}
.meaning-section .eyebrow,.meaning-section>p:last-child{color:var(--chalk)}
.meaning-section .large-serif{color:var(--chalk)}
.principle{border-top-color:var(--green-jade)}
.principle>span{color:var(--green-light-sea-glass)}
.view-tabs{border-bottom-color:var(--green-jade)}
.view-tabs button[aria-selected=true]{color:var(--green-light-sea-glass);border-bottom-color:var(--green-light-sea-glass)}
.coming{background:var(--green-light-sea-glass);color:var(--ink)}
.coming .eyebrow{color:var(--ink)}
.coming .button{background:var(--ink);border-color:var(--ink);color:var(--chalk)}
.coming .button:hover{background:var(--green-forest);border-color:var(--green-forest);color:var(--chalk)}
.email-link{color:var(--green-light-sea-glass)}
footer{background:var(--green-forest);border-top-color:var(--green-sea-glass)}
.footer-meta{border-top-color:var(--green-eucalyptus)}