:root{--ink:#2c251d;--paper:#efe2cf;--paper-deep:#e4d1b7;--brown:#3b2c1d;--accent:#806543;--cream:#fff8ed}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Playfair Display",Georgia,serif;background:var(--paper);line-height:1.55}.site-header{height:82px;position:absolute;z-index:5;top:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.25rem,4vw,4.5rem);color:var(--cream);border-bottom:1px solid #fff2}.brand{color:inherit;text-decoration:none;font-size:clamp(.78rem,1.2vw,1rem);letter-spacing:.2em;white-space:nowrap}.brand span{color:#d7b477;font-size:1.8em;margin-left:.35em}nav{display:flex;gap:clamp(1rem,2.5vw,2.8rem)}nav a,.eyebrow,footer p{font-family:"DM Mono",monospace;text-transform:uppercase;letter-spacing:.16em;font-size:.67rem}nav a{color:inherit;text-decoration:none}.menu-button{display:none;background:transparent;border:0;color:inherit;font:inherit}.hero{min-height:720px;height:100svh;display:grid;place-items:center;text-align:center;color:var(--cream);background:linear-gradient(#1d160e80,#1d160e6b),url("assets/creative-desk.png") center/cover}.hero-content{padding-top:70px}.eyebrow{margin:0 0 1.15rem}.hero h1{font-size:clamp(3.1rem,6vw,6.4rem);font-weight:400;line-height:1.04;margin:0;letter-spacing:-.045em}.hero h1 em{font-weight:400}.hero-copy{font-size:clamp(1rem,1.45vw,1.35rem);margin:1.8rem 0}.button{display:inline-flex;gap:1rem;align-items:center;justify-content:center;border:1px solid currentColor;background:var(--brown);color:var(--cream);padding:.9rem 1.4rem;text-decoration:none;font-family:"DM Mono",monospace;text-transform:uppercase;letter-spacing:.15em;font-size:.68rem;cursor:pointer}.button-light{background:#1b1609a8;color:var(--cream);min-width:170px}.paper-section{background-color:var(--paper);background-image:radial-gradient(#7e67431c .75px,transparent .8px);background-size:7px 7px}.welcome{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(250px,1fr) 120px;gap:clamp(2rem,6vw,7rem);align-items:center;padding:clamp(4rem,8vw,8rem) clamp(1.4rem,10vw,12rem);position:relative;border-top:10px solid #f6ead9}.framed-photo{background:#f8efdf;padding:14px 14px 45px;box-shadow:0 12px 25px #33230b38;transform:rotate(-3deg)}.framed-photo img{width:100%;aspect-ratio:.85;display:block;object-fit:cover;object-position:25% center}.welcome h2,.newsletter h2,.simple-section h2{font-size:clamp(2rem,4.2vw,4rem);font-weight:400;line-height:1.12;margin:.3rem 0}.welcome-copy p:not(.eyebrow):not(.signature){max-width:34rem;font-size:1.05rem}.rule{height:1px;background:var(--brown);width:70px;margin:1.25rem 0}.signature,.handwriting{font-family:Sacramento,cursive;font-size:2.3rem!important;margin:.8rem 0}.botanical{color:#967443;font-size:2.3rem;line-height:1.1;transform:rotate(15deg);opacity:.8}.pathways{display:grid;grid-template-columns:repeat(4,1fr);padding:clamp(1.4rem,5vw,5rem);border-top:1px solid #c2ab8e;border-bottom:1px solid #c2ab8e}.pathway{padding:clamp(.7rem,2vw,1.6rem);text-align:center;color:var(--ink);text-decoration:none;border-right:1px solid #c2ab8e}.pathway:last-child{border:0}.image-crop{overflow:hidden}.image-crop img{width:100%;aspect-ratio:.85;object-fit:cover;display:block;transition:transform .5s}.pathway:hover img{transform:scale(1.06)}.brush img{object-position:94% 46%}.camera img{object-position:68% 62%}.journal img{object-position:48% 90%}.flowers img{object-position:28% 42%}.pathway h3{font-weight:400;text-transform:uppercase;letter-spacing:.16em;font-size:1rem;margin:1.4rem 0 .5rem}.pathway p{font-size:.9rem;font-style:italic;margin:0 0 1rem}.pathway span{font-size:1.45rem}.note-section{min-height:450px;padding:clamp(4rem,8vw,7rem) clamp(1.4rem,12vw,14rem);display:grid;grid-template-columns:1fr minmax(240px,.8fr);align-items:center;gap:5rem;background:#dfc9ac;background-image:radial-gradient(#60472d20 .8px,transparent .9px);background-size:7px 7px}.note-copy{font-size:clamp(1rem,1.55vw,1.35rem);font-style:italic;line-height:1.65}.postcard{background:#f3e8d6;padding:12px 12px 45px;box-shadow:0 12px 25px #33230b38;transform:rotate(6deg)}.postcard img{display:block;width:100%;aspect-ratio:1.25;object-fit:cover;object-position:50% 65%}.newsletter{display:grid;grid-template-columns:1fr 1fr;min-height:410px}.newsletter-copy{padding:clamp(3rem,7vw,7rem) clamp(1.4rem,9vw,9rem);align-self:center}.newsletter-copy>p:not(.eyebrow):not(.form-message){max-width:28rem}.newsletter-image img{display:block;width:100%;height:100%;min-height:400px;object-fit:cover;object-position:20% 55%}form{display:grid;gap:.75rem;max-width:320px;margin-top:1.5rem}input{background:transparent;border:1px solid #917c60;padding:.9rem;font:inherit;color:var(--ink)}.form-message{min-height:1.5em;color:#5f5039}.simple-section{padding:7rem 1.5rem;text-align:center;background:#f7eddd}.simple-section h2{max-width:700px;margin:0 auto 2rem}.simple-section a{color:inherit}.simple-section.dark{background:var(--brown);color:var(--cream)}footer{min-height:110px;padding:2rem clamp(1.4rem,5vw,5rem);display:flex;align-items:center;justify-content:space-between;background:#e9d8c0}footer span{font-size:1.5rem;color:var(--accent)}footer p{margin:0}footer small{font-size:.78rem}@media(max-width:720px){.site-header{height:70px}.site-header nav{display:none;position:absolute;top:70px;left:0;right:0;padding:1.4rem;background:#2b2118;flex-direction:column;gap:1rem}.site-header nav.open{display:flex}.menu-button{display:block}.hero{min-height:650px}.welcome{grid-template-columns:1fr;padding:4.5rem 2rem}.welcome-photo{max-width:280px;justify-self:center}.botanical{display:none}.pathways{grid-template-columns:repeat(2,1fr);padding:1rem}.pathway{border-bottom:1px solid #c2ab8e;padding:1rem}.pathway:nth-child(2){border-right:0}.pathway h3{margin:1rem 0 .3rem}.pathway p{font-size:.76rem}.note-section{grid-template-columns:1fr;gap:2rem;padding:4rem 2rem}.postcard{max-width:380px;justify-self:center}.newsletter{grid-template-columns:1fr}.newsletter-image{min-height:300px}.newsletter-image img{min-height:300px}footer{flex-direction:column;gap:.8rem;text-align:center}.hero h1{font-size:3.5rem}}@media(max-width:390px){.brand{letter-spacing:.11em;font-size:.72rem}.pathways{padding:.5rem}.pathway{padding:.7rem}.pathway h3{font-size:.78rem}.pathway p{font-size:.68rem}.hero h1{font-size:3rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Polished navigation and click-to-enlarge images */
.site-header nav a{font-family:'Playfair Display',Georgia,serif;font-size:clamp(.82rem,1.05vw,1rem);font-weight:600;letter-spacing:.12em;text-transform:uppercase}main img{cursor:zoom-in}.image-viewer{padding:0;border:0;background:transparent;max-width:min(94vw,1200px);max-height:92vh;overflow:visible}.image-viewer::backdrop{background:#17110bd9;backdrop-filter:blur(4px)}.image-viewer img{display:block;max-width:94vw;max-height:88vh;object-fit:contain;box-shadow:0 22px 60px #0009}.image-viewer-close{position:absolute;right:-.8rem;top:-2.8rem;border:0;background:transparent;color:#fff;font:2.4rem/1 Arial,sans-serif;cursor:pointer}
