:root{--ink:#28302d;--muted:#6f7873;--paper:#fbfaf6;--cream:#f2eee5;--line:#ddd9cf;--accent:#c98267;--accent-dark:#a85f49;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.6}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,72px);border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(251,250,246,.94);backdrop-filter:blur(12px);z-index:10}.brand{font:600 1.3rem var(--serif);color:var(--ink);text-decoration:none}.nav{display:flex;gap:32px}.nav a{color:var(--ink);text-decoration:none;font-size:.9rem}.nav a:hover{color:var(--accent-dark)}.menu-toggle{display:none;background:none;border:0;font-size:1.5rem;color:var(--ink)}.hero{min-height:650px;display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,7vw,100px);align-items:center;padding:80px clamp(22px,7vw,100px);overflow:hidden}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.7rem;font-weight:700;color:var(--accent-dark);margin:0 0 12px}.hero h1,.section h2{font-family:var(--serif);font-weight:500;line-height:1.06;margin:0}.hero h1{font-size:clamp(3.4rem,7vw,6.5rem);letter-spacing:-.04em}.hero h1 em{color:var(--accent);font-style:italic}.hero-text{max-width:500px;font-size:1.05rem;color:var(--muted);margin:28px 0}.button{display:inline-flex;gap:18px;align-items:center;padding:14px 20px;background:var(--ink);color:white;text-decoration:none;border-radius:999px;font-size:.9rem}.button span{font-size:1.1rem}.hero-art{height:470px;max-width:520px;width:100%;margin:auto;position:relative;background:#ead8c8;border-radius:50% 50% 46% 54% / 50% 44% 56% 50%;overflow:hidden;box-shadow:0 24px 60px rgba(42,40,32,.08)}.sun{position:absolute;width:150px;height:150px;border-radius:50%;background:#f0b76d;top:80px;right:75px}.mountain{position:absolute;bottom:-60px;width:70%;height:60%;transform:rotate(8deg);background:#9a8d7d}.mountain-one{left:-60px}.mountain-two{right:-60px;bottom:-80px;background:#718078}.paper-note{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-7deg);background:#fffdf8;padding:28px 42px;box-shadow:0 12px 30px rgba(30,30,25,.12);font:500 1.1rem var(--serif);text-align:center}.intro-strip{display:flex;justify-content:space-between;gap:30px;padding:22px clamp(22px,7vw,100px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.85rem;color:var(--muted)}.intro-strip p{margin:0}.intro-strip strong{color:var(--ink)}.section{padding:110px clamp(22px,7vw,100px)}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:45px}.section h2{font-size:clamp(2.7rem,5vw,4.4rem)}.section-note{max-width:420px;color:var(--muted);font-size:.9rem;margin:0}.filters{display:flex;gap:8px;margin-bottom:28px;flex-wrap:wrap}.filter{border:1px solid var(--line);background:transparent;padding:9px 16px;border-radius:999px;color:var(--muted);cursor:pointer;font:inherit;font-size:.8rem}.filter.active,.filter:hover{background:var(--ink);border-color:var(--ink);color:#fff}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:42px 24px}.art-card.hidden{display:none}.art-image{display:block;width:100%;aspect-ratio:4/5;border:0;cursor:pointer;position:relative;overflow:hidden;border-radius:4px;transition:transform .25s ease,box-shadow .25s ease}.art-image:hover{transform:translateY(-5px);box-shadow:0 18px 35px rgba(40,40,30,.12)}.art-image span{font:500 1.25rem var(--serif);color:rgba(40,48,45,.72);position:absolute;inset:0;display:grid;place-content:center;text-align:center}.art-image small{font:700 .65rem var(--sans);letter-spacing:.2em}.peach{background:linear-gradient(135deg,#edc4ad 0 48%,#f6e8da 48%)}.blue{background:linear-gradient(145deg,#b9ced2,#dce7e4 45%,#e9d6bf 45%)}.sage{background:linear-gradient(145deg,#b4c2ad,#e8e1c9 52%,#d4b59f 52%)}.lavender{background:linear-gradient(145deg,#c9bed0,#eee8ee 52%,#aeb9ba 52%)}.butter{background:linear-gradient(135deg,#ead59a,#f6edcf 52%,#d39c7e 52%)}.rose{background:linear-gradient(135deg,#d7aaa0,#f1dfd4 52%,#b9a6b0 52%)}.card-copy{padding:13px 3px}.card-copy span{font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;color:var(--accent-dark);font-weight:700}.card-copy h3{font:500 1.35rem var(--serif);margin:3px 0}.card-copy p{margin:0;color:var(--muted);font-size:.82rem}.about-section{background:var(--cream)}.about-card{max-width:950px;margin:auto;display:grid;grid-template-columns:100px 1fr;gap:45px}.about-mark{width:80px;height:80px;border-radius:50%;display:grid;place-items:center;background:var(--paper);font-size:1.7rem;color:var(--accent)}.about-card h2{font-size:clamp(2.3rem,4vw,3.8rem);margin-bottom:25px}.about-card p{max-width:720px;color:var(--muted)}.about-card .placeholder-copy{font-family:var(--serif);font-size:1.25rem;color:var(--ink);font-style:italic;border-left:2px solid var(--accent);padding-left:20px;margin-top:28px}.milestones{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.milestones>div{padding:28px;border:1px solid var(--line);min-height:190px}.milestones span{font-size:.7rem;color:var(--accent-dark);font-weight:700}.milestones h3{font:500 1.4rem var(--serif);margin:15px 0 8px}.milestones p{font-size:.85rem;color:var(--muted);margin:0}.footer{padding:35px clamp(22px,7vw,100px);border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;font-size:.75rem;color:var(--muted)}.footer div{display:flex;gap:20px}.footer strong{color:var(--ink);font-family:var(--serif);font-size:1rem}.art-dialog{border:0;padding:0;width:min(700px,calc(100% - 30px));border-radius:6px;box-shadow:0 30px 90px rgba(0,0,0,.25);background:var(--paper)}.art-dialog::backdrop{background:rgba(20,25,23,.55);backdrop-filter:blur(4px)}.dialog-placeholder{aspect-ratio:16/9;background:linear-gradient(135deg,#ead8c8,#d5c8b6);}.dialog-copy{padding:28px 32px 35px}.dialog-copy h2{font:500 2.2rem var(--serif);margin:0 0 10px}.dialog-copy p:last-child{color:var(--muted)}.dialog-close{position:absolute;right:14px;top:10px;border:0;background:rgba(255,255,255,.85);width:36px;height:36px;border-radius:50%;font-size:1.4rem;cursor:pointer}
@media(max-width:800px){.nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--paper);padding:20px 22px;border-bottom:1px solid var(--line);flex-direction:column;gap:18px}.nav.open{display:flex}.menu-toggle{display:block}.hero{grid-template-columns:1fr;padding-top:55px}.hero-art{height:390px}.gallery{grid-template-columns:repeat(2,1fr)}.section-heading{display:block}.section-note{margin-top:15px}.milestones{grid-template-columns:1fr}.about-card{grid-template-columns:1fr;gap:20px}.intro-strip{display:block}.intro-strip p+p{margin-top:6px}.footer{display:block}.footer div{margin-bottom:10px}}@media(max-width:520px){.gallery{grid-template-columns:1fr}.hero{padding-left:20px;padding-right:20px}.hero-art{height:330px}.hero h1{font-size:3.3rem}.section{padding-top:75px;padding-bottom:75px}.footer div{display:block}.footer div span{display:block;margin-top:5px}}