:root{--black:#050505;--white:#f1eee7;--muted:#9d9a93;--gold:#c8a66a;--red:#5d1718}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--black);color:var(--white);font-family:Inter,Arial,sans-serif;overflow-x:hidden}.loader{position:fixed;inset:0;background:#050505;z-index:100;display:grid;place-content:center;gap:22px;text-align:center;transition:opacity 1s,visibility 1s}.loader.done{opacity:0;visibility:hidden}.loader-mark{font-family:"Cormorant Garamond",serif;font-size:28px;letter-spacing:.18em}.loader-mark span{font-family:Inter;font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-left:8px}.loader-line{width:180px;height:1px;background:#222;overflow:hidden}.loader-line i{display:block;width:45%;height:100%;background:var(--gold);animation:load 1.5s ease forwards}@keyframes load{to{transform:translateX(240%)}}.grain{position:fixed;inset:-50%;z-index:90;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' 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='.8'/%3E%3C/svg%3E");animation:noise .18s steps(2) infinite}.topbar{position:fixed;top:0;left:0;right:0;z-index:80;padding:28px 42px;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.25em;text-transform:uppercase}.logo{color:var(--white);text-decoration:none}.date{color:#777}.scene{height:100vh;min-height:700px;position:relative;overflow:hidden;display:grid;place-items:center;background:#050505}.hero-copy,.scene-copy,.gallery-intro,.end-copy{position:relative;z-index:10}.hero-copy{text-align:center}.eyebrow{font-size:10px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);margin:0 0 25px}.hero-copy h1{font:500 clamp(76px,13vw,190px)/.72 "Cormorant Garamond",serif;letter-spacing:-.045em;text-transform:uppercase;margin:0}.hero-copy h1 em,.scene h2 em,.end-copy h2 em{font-weight:400;color:#a5a19a}.hint{margin-top:65px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#777}.hint span{display:block;margin-top:15px;color:var(--gold);font-size:18px}.moon{position:absolute;width:38vw;height:38vw;max-width:580px;max-height:580px;border-radius:50%;top:7%;right:13%;background:radial-gradient(circle at 38% 38%,#cfc5ad 0,#8d877b 48%,#36342f 72%,#111 73%);opacity:.2;filter:blur(.5px);box-shadow:0 0 120px rgba(188,160,105,.1)}.trees,.forest-bg{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,#050505 86%),radial-gradient(ellipse at 50% 100%,#171715 0,transparent 55%)}.trees:after,.forest-bg:after{content:"";position:absolute;inset:35% 0 0;background:repeating-linear-gradient(82deg,transparent 0 8%,#090909 8.1% 9%,transparent 9.1% 15%);opacity:.9;transform:skewX(-8deg)}.mist{position:absolute;width:70%;height:18%;filter:blur(35px);background:rgba(175,174,162,.08);border-radius:50%;left:-10%;bottom:18%;transform:rotate(-5deg)}.mist-b{left:40%;bottom:31%;opacity:.6}.scene-copy{max-width:760px;text-align:center}.scene-copy.right{text-align:left;margin-left:35%;}.scene h2,.end-copy h2{font:500 clamp(58px,8vw,120px)/.82 "Cormorant Garamond",serif;letter-spacing:-.04em;margin:0}.scene-copy>p:last-child{margin-top:35px;color:#777;font-size:12px;letter-spacing:.1em}.forest-light{position:absolute;width:55vw;height:55vw;border-radius:50%;background:radial-gradient(circle,rgba(190,166,111,.14),transparent 65%);top:30%;left:15%;filter:blur(30px)}.house{position:absolute;bottom:0;left:13%;width:44vw;height:48vh;background:linear-gradient(110deg,#080808,#10100f);clip-path:polygon(0 35%,45% 0,100% 25%,100% 100%,0 100%);box-shadow:0 -30px 100px rgba(0,0,0,.8)}.house-glow{position:absolute;left:31%;bottom:30%;width:30vw;height:35vw;background:radial-gradient(circle,rgba(120,25,20,.15),transparent 65%);filter:blur(25px)}.window{position:absolute;width:48px;height:76px;background:rgba(174,130,61,.42);box-shadow:0 0 35px rgba(174,130,61,.18);top:38%}.w1{left:33%}.w2{left:61%}.door{position:absolute;bottom:0;right:25%;width:70px;height:35%;background:#050505;border:1px solid #171717}.scene-gallery{background:radial-gradient(circle at 50% 45%,#16130f 0,#050505 55%)}.gallery-intro{text-align:center;position:absolute;top:17%;left:50%;transform:translateX(-50%)}.gallery-card{position:absolute;width:25vw;height:37vh;min-width:220px;background:linear-gradient(145deg,#161513,#090909);border:1px solid #292620;display:flex;flex-direction:column;justify-content:space-between;padding:22px;box-shadow:0 30px 100px rgba(0,0,0,.45);font-size:10px;letter-spacing:.22em}.gallery-card div{font-family:"Cormorant Garamond";font-size:45px;color:var(--gold);letter-spacing:0}.gallery-card p{margin:0;color:#777}.card-a{left:11%;top:42%;transform:rotate(-7deg)}.card-b{left:37%;top:35%;transform:rotate(2deg)}.card-c{right:10%;top:43%;transform:rotate(7deg)}.end-light{position:absolute;width:50vw;height:50vw;border-radius:50%;background:radial-gradient(circle,rgba(172,137,72,.15),transparent 67%);filter:blur(20px)}.end-copy{text-align:center}.cta{display:inline-block;margin-top:55px;padding:15px 30px;border:1px solid #51462f;color:var(--white);text-decoration:none;font-size:10px;letter-spacing:.3em;text-transform:uppercase;transition:.4s}.cta:hover{background:var(--gold);color:#080808;border-color:var(--gold)}@keyframes noise{0%{transform:translate(0,0)}25%{transform:translate(2%, -1%)}50%{transform:translate(-1%,2%)}75%{transform:translate(1%,1%)}100%{transform:translate(-2%,-1%)}}@media(max-width:700px){.topbar{padding:22px}.scene{min-height:620px}.hero-copy h1{font-size:68px}.moon{width:80vw;height:80vw;right:-10%;top:12%}.scene-copy.right{margin:0 10%;text-align:center}.house{left:0;width:78vw}.gallery-card{width:52vw;height:30vh;min-width:0}.card-a{left:3%;top:46%}.card-b{left:25%;top:39%}.card-c{right:3%;top:46%}}