:root{--paper:#f6f2e8;--ink:#3e4930;--muted:#7c8069;--yellow:#d9aa32;--line:#cfc9b6;--dark:#2e3526}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden}.paper-grain{position:fixed;inset:0;opacity:.11;pointer-events:none;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.14'/%3E%3C/svg%3E")}.site-header{width:min(1280px,calc(100% - 72px));margin:auto;height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.15em;text-transform:uppercase}.wordmark{font-family:"Cormorant Garamond",serif;font-size:32px;font-weight:600;color:var(--ink);text-decoration:none;letter-spacing:0}.wordmark span{color:var(--yellow)}nav{display:flex;gap:34px}nav a{color:var(--ink);text-decoration:none}nav a:hover{color:var(--yellow)}.header-date{color:var(--muted)}.section-shell{width:min(1280px,calc(100% - 72px));margin:auto}.hero{min-height:700px;display:grid;grid-template-columns:48% 52%;align-items:center;padding:72px 0 100px}.eyebrow{margin:0 0 24px;font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:var(--muted)}h1,h2{font-family:"Cormorant Garamond",serif;font-weight:500;letter-spacing:-.045em;line-height:.86}h1{font-size:clamp(74px,9vw,145px);margin:0;color:var(--ink)}h1 em,h2 em{font-weight:400;color:#89926c}.title-line{width:154px;border-top:1px solid var(--yellow);margin:34px 0}.hero-intro{font-family:"Cormorant Garamond",serif;font-size:23px;line-height:1.35;margin:0 0 38px;color:#5b6249}.outline-link{display:inline-flex;gap:25px;align-items:center;padding:15px 22px;border:1px solid var(--ink);font-size:11px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--ink);transition:.25s}.outline-link:hover{background:var(--ink);color:var(--paper)}.outline-link span{font-size:18px;line-height:0}.hero-collage{height:550px;position:relative}.photo-frame{position:absolute;background:#eee8d9;padding:12px 12px 38px;box-shadow:0 12px 34px #52543d1a}.photo-frame img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.82)}.portrait-frame{height:480px;width:345px;left:120px;top:24px;transform:rotate(3deg)}.snapshot-frame{width:205px;height:250px;right:40px;bottom:8px;transform:rotate(8deg);padding:9px 9px 30px}.hero-daisy{position:absolute;z-index:2;fill:#fffdf3;stroke:#81885e;stroke-width:1.4}.hero-daisy circle{fill:var(--yellow);stroke:#b88b20}.daisy-one{width:155px;top:-12px;left:30px;transform:rotate(-20deg)}.daisy-two{width:120px;right:2px;top:210px;transform:rotate(22deg)}.tape{position:absolute;background:#a3a782aa;width:78px;height:24px;z-index:3}.tape-top{left:240px;top:9px;transform:rotate(-8deg)}.scribble{font-family:Parisienne,cursive;font-size:25px;line-height:1.1;color:#727954;position:absolute;right:10px;top:92px;transform:rotate(-9deg)}.story{border-top:1px solid var(--line);padding:72px 0 115px}.section-label{display:flex;gap:18px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:58px}.section-label span:first-child{color:var(--yellow)}.story-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:15%;align-items:center}.story-quote{position:relative;max-width:530px}.quote-mark{font-family:"Cormorant Garamond";font-size:130px;line-height:0;color:var(--yellow);position:absolute;top:35px;left:-25px}.story-quote p{font-family:"Cormorant Garamond",serif;font-size:43px;line-height:1.05;margin:0 0 24px;position:relative}.signature{font-family:Parisienne,cursive;font-size:27px;margin-left:4px;color:#89926c}.story-text{font-size:14px;line-height:1.9;color:#656956;max-width:375px}.story-text p{margin:0 0 22px}.gallery{border-top:1px solid var(--line);padding:72px 0 130px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.section-heading h2,.notes h2{font-size:76px;margin:0}.section-note{text-align:right;color:var(--muted);font-family:"Cormorant Garamond";font-size:20px;line-height:1.1;margin:0}.gallery-grid{display:grid;grid-template-columns:1fr 1.15fr .8fr;grid-template-rows:auto auto;gap:44px 27px;align-items:start}.gallery-item{margin:0}.image-wrap{overflow:hidden;background:#e4dfd1}.gallery-item img{width:100%;display:block;object-fit:cover;transition:transform .5s}.gallery-item:hover img{transform:scale(1.03)}.gallery-item--tall{grid-row:span 2}.gallery-item--tall .image-wrap{height:520px}.gallery-item--wide{grid-column:2/4}.gallery-item--wide .image-wrap{height:290px}.gallery-item--small{grid-column:2/3}.gallery-item--small .image-wrap{height:220px}.gallery-item--tall img{height:100%}.gallery-item--wide img{height:100%;object-position:center 30%}.gallery-item--small img{height:100%;object-position:center 30%}.gallery-item figcaption{font-family:"Cormorant Garamond";font-size:20px;padding-top:14px}.gallery-item figcaption span{font-family:"DM Sans";font-size:10px;letter-spacing:.12em;color:var(--yellow);margin-right:12px}.gallery-note{grid-column:3;display:flex;gap:16px;align-items:center;padding-top:26px}.gallery-note p{font-family:"Parisienne";font-size:22px;line-height:1.2;max-width:180px;margin:0;color:#777f59}.mini-daisy{width:68px;flex:none;fill:#fffdf3;stroke:#81885e;stroke-width:1}.mini-daisy circle{fill:var(--yellow);stroke:#b88b20}.notes{border-top:1px solid var(--line);padding:72px 0 125px}.notes-layout{display:grid;grid-template-columns:1fr 1fr;gap:15%;align-items:end}.notes h2{font-size:84px}.note-card{background:#e9e3d3;padding:32px 34px 37px;max-width:390px;transform:rotate(2deg);position:relative}.note-card:before{content:"";position:absolute;top:-10px;left:40%;height:24px;width:84px;background:#aaa77d99;transform:rotate(-3deg)}.note-date{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#89926c}.note-card p{font-family:"Cormorant Garamond";font-size:28px;line-height:1.15;color:#555c42;margin:28px 0 35px}.note-sign{font-family:Parisienne;font-size:28px;color:#89926c}.site-footer{border-top:1px solid var(--line);min-height:150px;width:min(1280px,calc(100% - 72px));margin:auto;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.footer-flower{color:var(--yellow);font-size:25px}.site-footer p{margin:0}.site-footer span{font-size:10px}@media(max-width:800px){.site-header,.section-shell,.site-footer{width:calc(100% - 36px)}.site-header{height:74px}.header-date{display:none}nav{gap:15px;font-size:9px}.hero{display:block;padding:60px 0 80px}.hero-copy{margin-bottom:55px}h1{font-size:78px}.hero-collage{height:480px}.portrait-frame{height:420px;width:290px;left:9%;top:22px}.snapshot-frame{right:0;bottom:0;width:170px;height:210px}.daisy-one{left:-15px;width:125px}.daisy-two{right:-10px;top:185px;width:90px}.scribble{right:0;top:40px;font-size:20px}.story,.gallery,.notes{padding:58px 0 80px}.story-layout,.notes-layout{display:block}.story-quote p{font-size:37px}.story-text{margin-top:45px}.section-heading{display:block}.section-note{text-align:left;margin-top:22px}.section-heading h2,.notes h2{font-size:61px}.gallery-grid{grid-template-columns:1fr 1fr;gap:26px 14px}.gallery-item--tall{grid-row:span 2}.gallery-item--tall .image-wrap{height:410px}.gallery-item--wide{grid-column:2;grid-row:span 1}.gallery-item--wide .image-wrap{height:200px}.gallery-item--small{grid-column:2}.gallery-item--small .image-wrap{height:180px}.gallery-note{grid-column:1/3;padding-top:8px}.gallery-item figcaption{font-size:17px}.site-footer{min-height:130px;flex-wrap:wrap;gap:10px;padding:25px 0}.site-footer p{order:3;width:100%;text-align:center}}@media(max-width:420px){h1{font-size:66px}.hero-collage{height:420px}.portrait-frame{width:250px;height:365px}.story-quote p{font-size:32px}.gallery-grid{display:block}.gallery-item{margin-bottom:35px}.gallery-item--tall .image-wrap,.gallery-item--wide .image-wrap,.gallery-item--small .image-wrap{height:360px}.gallery-note{margin-top:12px}}
