:root{--ivory:#efe8dc;--ink:#171513;--gold:#b48b53;--line:rgba(190,147,88,.55)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0d0d0c;color:var(--ink);font-family:Manrope,sans-serif}.shell{width:min(1440px,calc(100% - 7.5vw));margin-inline:auto}.hero{position:relative;min-height:100svh;overflow:hidden;background:var(--ivory)}.hero-photo{position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1761211488163-67bc659a8180?w=1800&q=84&auto=format&fit=crop') 76% 35%/cover no-repeat;filter:sepia(.18) saturate(.72) contrast(1.03)}.veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(243,237,226,.98) 0%,rgba(243,237,226,.88) 37%,rgba(243,237,226,.12) 61%,rgba(8,8,7,.08) 100%),linear-gradient(0deg,rgba(5,5,4,.94) 0%,transparent 35%)}.nav{height:112px;position:relative;z-index:5;display:grid;grid-template-columns:280px 1fr 280px;align-items:center}.brand{display:flex;align-items:center;gap:20px;color:inherit;text-decoration:none}.monogram{font:500 43px/1 Bodoni Moda,serif;color:var(--gold);letter-spacing:-.14em}.brand-name{text-transform:uppercase;letter-spacing:.21em;font-size:13px;font-weight:600;line-height:1.55}.menu{display:flex;justify-content:center;gap:44px}.menu a{color:inherit;text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:11px}.project-button,.ghost-button{border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.08);color:inherit;text-transform:uppercase;letter-spacing:.12em;font:500 11px Manrope;padding:14px 22px}.project-button{justify-self:end;min-width:240px;display:flex;justify-content:space-between;align-items:center}.project-button span{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--gold);border-radius:50%;font-size:18px}.burger{display:none}.intro{position:relative;z-index:2;padding-top:34px}.kicker{text-transform:uppercase;letter-spacing:.18em;color:var(--gold);font-size:15px}.intro h1{font:400 clamp(82px,9.8vw,158px)/.81 Bodoni Moda,serif;text-transform:uppercase;letter-spacing:-.065em;margin:32px 0 28px;max-width:900px}.lead{font-size:14px;line-height:1.65}.actions{display:flex;align-items:center;gap:26px;margin-top:24px}.watch{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;text-transform:uppercase;letter-spacing:.1em;font-size:11px}.watch span{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;font-size:10px}.glass-card{position:absolute;z-index:3;right:6vw;top:35%;width:320px;height:245px;text-align:left;padding:32px;color:white;border:1px solid rgba(255,255,255,.45);border-radius:22px;background:linear-gradient(130deg,rgba(25,24,21,.75),rgba(255,255,255,.1));backdrop-filter:blur(17px) saturate(1.2);box-shadow:inset 0 1px rgba(255,255,255,.5),0 24px 50px rgba(0,0,0,.2)}.glass-card small{text-transform:uppercase;letter-spacing:.13em}.glass-card strong{display:block;font:400 26px/1.2 Bodoni Moda,serif;margin:26px 0}.glass-link{text-transform:uppercase;letter-spacing:.11em;font-size:10px}.avatar{position:absolute;right:28px;bottom:28px;width:48px;height:48px;border-radius:50%;background:url('https://images.unsplash.com/photo-1761211488163-67bc659a8180?w=200&q=75&auto=format&fit=crop') center/cover}.directions{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:92px}.direction{min-height:264px;padding:26px 28px;color:#eee7db;text-decoration:none;border:1px solid rgba(220,192,152,.28);border-radius:21px;background-position:center;background-size:cover;position:relative;overflow:hidden}.direction:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,11,9,.85),rgba(12,11,9,.1))}.direction>*{position:relative}.wedding{background-image:url('https://images.unsplash.com/photo-1761211488163-67bc659a8180?w=1000&q=75&auto=format&fit=crop')}.business{background-image:url('https://images.unsplash.com/photo-1575204015311-0fe377370780?w=1000&q=75&auto=format&fit=crop')}.stories{background-image:url('https://images.unsplash.com/photo-1712474129783-02b91d2316f1?w=1000&q=75&auto=format&fit=crop')}.direction em{font:400 18px Bodoni Moda;color:#d5a65f}.direction h2{font:400 27px/1.03 Bodoni Moda;margin:24px 0 18px;text-transform:uppercase}.direction p{font-size:12px;line-height:1.6;color:#ccc6bc}.direction>span{position:absolute;left:28px;bottom:24px;display:grid;place-items:center;width:32px;height:32px;border:1px solid #d5a65f;border-radius:50%;font-size:18px}.trust{position:relative;z-index:2;margin-top:8px;margin-bottom:28px;min-height:80px;border:1px solid rgba(220,192,152,.28);border-radius:20px;background:rgba(10,10,9,.72);display:grid;grid-template-columns:repeat(4,1fr);align-items:center;color:#eee7db}.trust>div{display:flex;align-items:center;gap:15px;padding:18px 26px}.trust b{color:#d5a65f;font-size:30px;font-weight:400}.trust p{margin:0}.trust strong,.trust span{display:block}.trust strong{text-transform:uppercase;font-size:10px;letter-spacing:.1em}.trust span{font-size:10px;color:#aaa59d;margin-top:5px}.modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;opacity:0;pointer-events:none;transition:.25s}.modal.open{opacity:1;pointer-events:auto}.modal-backdrop{position:absolute;inset:0;border:0;background:rgba(8,7,6,.62);backdrop-filter:blur(8px)}.modal-card{position:relative;width:min(480px,calc(100% - 36px));padding:42px;border-radius:24px;background:var(--ivory)}.modal-card h2{font:400 38px/1.05 Bodoni Moda}.modal-close{position:absolute;right:20px;top:16px;border:0;background:none;font-size:28px}.modal-card .ghost-button{margin-top:14px}.direction,.project-button,.glass-card,.ghost-button{cursor:pointer;transition:transform .3s,background .3s}.direction:hover,.glass-card:hover{transform:translateY(-4px)}
@media(max-width:900px){.shell{width:calc(100% - 36px)}.hero{min-height:auto;padding-bottom:18px}.hero-photo{height:720px;background-position:64% center}.veil{background:linear-gradient(180deg,rgba(243,237,226,.9),rgba(243,237,226,.66) 43%,rgba(9,8,7,.94) 72%)}.nav{height:82px;grid-template-columns:1fr auto}.menu,.project-button{display:none}.burger{display:grid;gap:4px;border:0;background:none;padding:10px}.burger i{display:block;width:24px;height:1px;background:#171513}.intro{padding-top:75px}.kicker{font-size:11px}.intro h1{font-size:clamp(52px,18vw,82px);line-height:.86;margin:24px 0}.lead{font-size:14px}.glass-card{position:relative;right:auto;top:auto;margin:62px 18px 0;width:calc(100% - 36px);height:190px}.directions{grid-template-columns:1fr;margin-top:14px}.direction{min-height:220px}.trust{grid-template-columns:1fr 1fr}.trust>div{padding:18px}.monogram{font-size:34px}.brand-name{font-size:10px}.actions{gap:14px;flex-wrap:wrap}}
@media(max-width:520px){.intro h1{letter-spacing:-.055em}.trust{grid-template-columns:1fr}.trust>div{border-bottom:1px solid rgba(220,192,152,.13)}.glass-card{color:#fff}.modal-card{padding:32px 24px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.direction{transform:translateZ(0);transform-origin:center;isolation:isolate;transition:transform .38s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .38s;will-change:transform}
.direction::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(120deg,rgba(255,255,255,.12),transparent 48%);opacity:0;pointer-events:none;transition:opacity .35s}
.direction:hover,.direction:focus-visible{z-index:6;transform:translateY(-9px) scale(1.045);border-color:rgba(220,172,105,.82);box-shadow:0 25px 48px rgba(0,0,0,.42)}
.direction:hover::after,.direction:focus-visible::after{opacity:1}
.direction:active{transform:translateY(-3px) scale(1.015)}
.direction:hover>span,.direction:focus-visible>span{background:#d5a65f;color:#171513}
.direction>span{transition:background .3s,color .3s,transform .3s}
.direction:hover>span,.direction:focus-visible>span{transform:translateX(4px)}
@media(max-width:900px){.direction:hover,.direction:focus-visible{transform:translateY(-5px) scale(1.02)}}
@media(prefers-reduced-motion:reduce){.direction:hover,.direction:focus-visible,.direction:active{transform:none}}
.brand{transform-origin:left center;transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .25s}
.brand:hover,.brand:focus-visible{transform:scale(1.055)}
.project-button,.ghost-button{transition:transform .32s cubic-bezier(.2,.8,.2,1),background .3s,border-color .3s,box-shadow .32s}
.project-button:hover,.project-button:focus-visible,.ghost-button:hover,.ghost-button:focus-visible{transform:translateY(-3px) scale(1.045);background:rgba(255,255,255,.28);border-color:rgba(190,147,88,.9);box-shadow:0 12px 28px rgba(30,22,14,.16)}
.project-button:active,.ghost-button:active{transform:translateY(-1px) scale(1.018)}
.project-button span{transition:transform .32s,background .3s,color .3s}
.project-button:hover span,.project-button:focus-visible span{transform:translateX(4px);background:var(--gold);color:var(--ink)}
.watch{transition:transform .32s cubic-bezier(.2,.8,.2,1),color .25s}
.watch span{transition:transform .32s,background .3s,color .3s}
.watch:hover,.watch:focus-visible{transform:translateY(-3px) scale(1.045);color:#6f4d26}
.watch:hover span,.watch:focus-visible span{transform:scale(1.12);background:var(--gold);color:var(--ink)}
.menu a{transition:transform .25s,color .25s}.menu a:hover,.menu a:focus-visible{transform:translateY(-2px) scale(1.04);color:#8f642f}
.ghost-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transform-origin:center}
@media(prefers-reduced-motion:reduce){.brand:hover,.brand:focus-visible,.project-button:hover,.project-button:focus-visible,.ghost-button:hover,.ghost-button:focus-visible,.watch:hover,.watch:focus-visible,.menu a:hover,.menu a:focus-visible{transform:none}}
.hero-photo{background-image:url('assets/hero-wedding.png');background-position:68% 42%;filter:sepia(.1) saturate(.82) contrast(1.02)}
.wedding{background-image:url('assets/card-wedding.png')}
.avatar{background-image:url('assets/project-thumb.png');background-position:67% center}
@media(max-width:900px){.hero-photo{background-position:58% center}}