:root{--green:#173b32;--green-dark:#102b24;--cream:#f6f1e7;--ink:#20392f;--muted:#5c675f;--cognac:#be865e;--line:#d8d9ce;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:2rem}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-wrap:anywhere}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
button,a{touch-action:manipulation}
button:focus-visible,a:focus-visible{outline:3px solid var(--cognac);outline-offset:6px}
button{cursor:pointer}
img{display:block;max-width:100%}
figure,h1,h2,h3,p{margin:0}
em{font-weight:400}
::selection{color:var(--cream);background:var(--green)}
.skip-link{position:fixed;left:1rem;top:-8rem;z-index:20;padding:.8rem 1.2rem;background:var(--cream);border:2px solid var(--green)}
.skip-link:focus{top:1rem}
.header{max-width:1600px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.5rem 5.5%}
.brand{display:inline-flex;flex-direction:column;align-items:center;line-height:1}
.brand>span:first-child{font-family:var(--serif);font-size:2.35rem;letter-spacing:-.05em}
.brand-sub{font-size:.75rem;letter-spacing:.38em;padding-top:.6rem;padding-left:.38em}
.header nav{display:flex;gap:2.3rem;font-size:.875rem}
.header nav a{padding:.6rem 0;border-bottom:1px solid transparent}
.header nav a:hover{border-color:currentColor}
.edition{font-size:.875rem;border:1px solid #cbd1c5;border-radius:2rem;padding:.45rem 1rem}
.hero{position:relative;display:grid;grid-template-columns:1fr 1fr;max-width:1600px;margin:auto;background:var(--green);color:var(--cream);overflow:hidden}
.hero-copy{padding:5rem 10% 5.5rem 11%;align-self:center}
.eyebrow{font-size:.8rem;letter-spacing:.17em;line-height:1.8;font-weight:500}
.hero .eyebrow{color:#dbc7a9;margin-bottom:2rem}
h1{font-family:var(--serif);font-size:clamp(3.7rem,6.6vw,7rem);font-weight:400;letter-spacing:-.055em;line-height:.99}
h1 em{color:#d6ad85;line-height:1.12}
.hero-description{max-width:25rem;margin:2.1rem 0;color:#e6e6d9;line-height:1.75;font-size:1rem}
.button{display:inline-flex;justify-content:center;align-items:center;padding:.9rem 1.6rem;background:var(--cream);color:var(--green);border:1px solid var(--cream);font-size:.875rem;min-height:48px;transition:background .2s,color .2s}
.button:hover{background:#dbc7a9;border-color:#dbc7a9}
.hero-note{font-size:.875rem;color:#c7cdbb;margin-top:2.1rem}
.hero-visual{position:relative;background:#f2ece4;min-width:0;overflow:hidden}
.hero-visual>img{width:100%;height:100%;aspect-ratio:1 / 1.12;object-fit:contain;padding:3.5rem 12% 4.5rem;mix-blend-mode:multiply}
.hero-visual figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:1rem;padding:1.1rem 1.6rem;background:rgba(18,33,25,.85);color:var(--cream);font-size:.8rem}
.hero-index{position:absolute;left:1.4rem;bottom:1rem;font-size:.75rem;letter-spacing:.17em;color:#a9b9a6}
.intro-strip{max-width:1600px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:1.5rem 5.5%;border-bottom:1px solid var(--line);gap:1.5rem}
.intro-strip p{font-family:var(--serif);font-size:1.4rem}
.intro-strip>span{font-size:.75rem;letter-spacing:.15em;white-space:nowrap}
.section{max-width:1600px;margin:auto;padding:6.5rem 5.5%}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:3rem;margin-bottom:3rem}
.section-heading .eyebrow{color:var(--muted);margin-bottom:1.2rem}
h2{font-family:var(--serif);font-size:clamp(2.4rem,3.6vw,3.8rem);font-weight:400;line-height:1.15;letter-spacing:-.045em}
.section-heading>p{max-width:22rem;color:var(--muted);line-height:1.8}
.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}
.product-image{position:relative;display:block;width:100%;padding:0;border:0;background:#eee7dd;overflow:hidden;text-align:left}
.product-image>img{width:100%;height:100%;aspect-ratio:4 / 5;object-fit:contain;padding:2.5rem 10% 3.5rem;mix-blend-mode:multiply;transition:transform .4s}
.product-image:hover>img{transform:scale(1.025)}
.image-action{position:absolute;bottom:1rem;right:1rem;background:var(--cream);color:var(--green);padding:.45rem .8rem;font-size:.8rem}
.product-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.3rem 1rem;font-size:.75rem;letter-spacing:.05em;margin-top:1.35rem;color:var(--muted)}
h3{font-family:var(--serif);font-size:2rem;font-weight:400;letter-spacing:-.035em;margin:.5rem 0 .7rem}
.product>p{color:var(--muted);max-width:27rem;line-height:1.75}
.concept-note{border-top:1px solid var(--line);margin-top:2.7rem;padding-top:1.2rem;font-size:.875rem;color:var(--muted)}
.signature{display:grid;grid-template-columns:1fr 1.1fr;gap:8%;background:var(--green);color:var(--cream);align-items:center}
.signature-mark{display:flex;flex-direction:column;align-items:center;padding:3rem 0;color:#d6ad85;line-height:1}
.signature-mark>span:first-child{font-family:var(--serif);font-size:clamp(3.7rem,7vw,6.8rem);letter-spacing:-.06em}
.signature-mark>span:nth-child(2){font-size:1rem;letter-spacing:.6em;margin-top:1.5rem;padding-left:.6em}
.signature-mark .mark-rule{width:3rem;height:1px;background:var(--cognac);margin:2.2rem 0}
.signature-mark small{font-size:.75rem;letter-spacing:.14em}
.signature-copy .eyebrow{color:#dbc7a9;margin-bottom:1.2rem}
.signature-copy h2{font-size:clamp(2.4rem,3.4vw,3.6rem);margin-bottom:1.7rem}
.signature-copy h2 em{color:#d6ad85}
.signature-copy>p:not(.eyebrow){margin-top:1rem;max-width:33rem;color:#e0e5d9;line-height:1.8}
.text-link{display:inline-block;font-size:.875rem;border-bottom:1px solid #b6c2ae;padding-bottom:.25rem;margin-top:1.8rem}
.text-link:hover{color:#d6ad85}
.closing{text-align:center;padding-top:6rem;padding-bottom:6rem}
.closing>.eyebrow{margin-bottom:1.6rem;color:var(--muted)}
.closing h2{font-size:clamp(2.6rem,4.6vw,4.8rem)}
.closing-line{display:block;width:3rem;height:1px;margin:2rem auto;background:var(--cognac)}
.closing>p:last-child{font-size:.875rem;letter-spacing:.12em}
.footer{max-width:1600px;margin:auto;padding:2rem 5.5%;display:flex;align-items:center;justify-content:space-between;gap:2.5rem;border-top:1px solid var(--line)}
.footer .brand>span:first-child{font-size:1.8rem}
.footer .brand-sub{font-size:.75rem}
.footer>p{font-size:.875rem;color:var(--muted);max-width:35rem}
.footer>a:last-child{font-size:.875rem;white-space:nowrap;padding:.6rem 0}
dialog{width:min(90vw,850px);max-height:90dvh;padding:1.2rem;border:0;background:var(--cream);color:var(--green);box-shadow:0 20px 90px #0006}
dialog::backdrop{background:#091c16d9}
.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1rem}
.dialog-header h2{font-size:1.5rem;letter-spacing:-.03em}
.dialog-close{background:none;border:1px solid #c3cabe;padding:.5rem .8rem;font-size:.875rem;min-height:44px}
.dialog-close span{font-size:1.2rem;margin-left:.5rem}
#dialog-image{max-height:68dvh;width:100%;object-fit:contain}
dialog>p{margin-top:.8rem;font-size:.875rem;color:var(--muted)}
body:has(dialog[open]){overflow:hidden}
@media(min-width:1601px){body{background:#e8e6dc}.header,.intro-strip,.section,.footer{background-color:var(--cream)}.signature{background-color:var(--green)}}
@media(max-width:1000px){.hero-copy{padding:3.5rem 9%}.hero .eyebrow{margin-bottom:1.4rem}.hero-description{margin:1.4rem 0}.hero-note{margin-top:1.4rem}.hero-visual>img{aspect-ratio:1 / 1.5}.products{gap:1.3rem}.section{padding:4.5rem 5.5%}.section-heading{gap:2rem}.section-heading>p{max-width:19rem}.signature{gap:6%}.edition{display:none}.footer{gap:1.5rem}}
@media(max-width:700px){.header{padding:1.2rem 6%;gap:1rem;flex-wrap:wrap}.brand>span:first-child{font-size:2rem}.header nav{gap:1.2rem;flex-wrap:wrap}.hero{grid-template-columns:1fr}.hero-copy{padding:3.1rem 6% 3.5rem}h1{font-size:clamp(3.6rem,12vw,5.5rem)}.hero-description{max-width:28rem}.hero-visual>img{aspect-ratio:4 / 3;max-height:530px;padding:1.4rem 6% 3.5rem;object-position:center 45%}.hero-index{display:none}.hero-visual figcaption{padding:1rem 6%}.intro-strip{padding:1.3rem 6%}.intro-strip>span{display:none}.intro-strip p{font-size:1.2rem}.section{padding:4rem 6%}.section-heading{display:block;margin-bottom:2rem}.section-heading>p{max-width:100%;margin-top:1.4rem}.products{grid-template-columns:1fr;gap:2.7rem}.product-image>img{aspect-ratio:1 / 1;object-fit:contain}.product-meta{margin-top:1rem}.product>p{max-width:100%}.signature{grid-template-columns:1fr;gap:2.8rem}.signature-mark{padding:1rem 0}.signature-mark>span:first-child{font-size:clamp(2.6rem,12vw,4.7rem)}.signature-copy h2{font-size:clamp(2.3rem,7.5vw,3.3rem)}.closing{padding-top:4.5rem;padding-bottom:4.5rem}.closing>.eyebrow{font-size:.75rem;letter-spacing:.08em}.footer{flex-wrap:wrap;padding:2rem 6%;gap:1.5rem}.footer>p{order:3;flex-basis:100%}.footer>a:last-child{margin-left:auto}.dialog-header{align-items:flex-start}.dialog-header h2{font-size:1.3rem}.dialog-close{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}