:root{--ink:#101713;--deep:#16211b;--green:#2a342d;--sage:#8daf97;--ivory:#f4eee3;--paper:#faf7f1;--gold:#bd9750;--line:rgba(16,23,19,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;height:112px;padding:22px 4.5vw;display:flex;align-items:center;justify-content:space-between;color:var(--ivory);border-bottom:1px solid rgba(255,255,255,.18)}.brand img{width:172px;height:70px;object-fit:contain;filter:brightness(0) invert(1)}.desktop-nav{display:flex;gap:34px;font-size:.82rem;letter-spacing:.05em}.desktop-nav a{position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--gold);transition:.35s}.desktop-nav a:hover:after{right:0}.header-cta{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;border:1px solid rgba(255,255,255,.45);padding:14px 18px}.header-cta span{margin-left:16px}.menu-toggle{display:none;background:none;border:0;padding:12px}.menu-toggle span{display:block;width:24px;height:1px;background:white;margin:6px}.hero{height:100svh;min-height:720px;position:relative;overflow:hidden;background:var(--deep);color:var(--ivory)}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,15,11,.93) 0%,rgba(8,15,11,.72) 38%,rgba(8,15,11,.08) 70%),linear-gradient(0deg,rgba(8,15,11,.4),transparent 40%)}.hero-copy{position:absolute;z-index:2;left:8vw;top:51%;transform:translateY(-43%);max-width:650px}.eyebrow,.section-index{font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;font-weight:500}.eyebrow{color:#d7c293;margin-bottom:25px}.hero h1,.manifesto h2,.finder-content h2,.care h2,.booking h2{font-family:Italiana,serif;font-weight:400;line-height:.86;margin:0}.hero h1{font-size:clamp(5.1rem,10.6vw,10rem);letter-spacing:-.055em}.hero h1 em,.manifesto h2 em,.finder-content h2 em,.care h2 em,.booking h2 em{font-weight:400;color:var(--gold)}.hero-intro{font-size:1.06rem;max-width:430px;color:rgba(244,238,227,.82);margin:28px 0}.hero-actions{display:flex;align-items:center;gap:34px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 25px;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;border:1px solid transparent;cursor:pointer;transition:.3s}.button-light{background:var(--ivory);color:var(--ink)}.button-light:hover{background:var(--gold)}.text-link{text-transform:uppercase;letter-spacing:.11em;font-size:.66rem;padding-bottom:7px;border-bottom:1px solid currentColor}.text-link span{margin-left:14px}.vertical-note{position:absolute;z-index:2;right:2.2vw;top:50%;writing-mode:vertical-rl;transform:translateY(-50%);font-size:.55rem;letter-spacing:.28em;color:rgba(255,255,255,.6)}.sound-toggle{position:absolute;z-index:2;bottom:28px;left:4.5vw;background:none;border:0;color:rgba(255,255,255,.62);font-size:.56rem;letter-spacing:.18em}.sound-toggle span{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold);margin-right:9px;box-shadow:0 0 0 5px rgba(189,151,80,.13)}.manifesto{padding:150px 8vw 135px;display:grid;grid-template-columns:.7fr 2fr 1fr;gap:6vw;align-items:start}.section-index{color:#607067;margin:9px 0}.manifesto-copy p{margin:0 0 14px;color:#627068}.manifesto h2{font-size:clamp(3.3rem,5.8vw,6.1rem);letter-spacing:-.04em}.manifesto-detail{padding-top:80px}.manifesto-detail p{font-size:1.05rem;color:#4e5a53;margin:0 0 34px}.text-link.dark{color:var(--ink)}.frame-finder{position:relative;min-height:860px;background:var(--deep);color:var(--ivory);padding:100px 8vw;overflow:hidden}.section-index.light{color:var(--sage)}.finder-content{width:44%;margin-left:auto;padding-top:70px;position:relative;z-index:2}.gold-line{display:block;width:55px;height:1px;background:var(--gold);margin-bottom:30px}.finder-content h2{font-size:clamp(4rem,7vw,7rem);letter-spacing:-.045em}.finder-content>p{color:rgba(244,238,227,.68);max-width:500px}.mood-list{display:flex;flex-wrap:wrap;gap:10px;margin:35px 0 22px}.mood{background:transparent;color:var(--ivory);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:11px 16px;font-size:.78rem;cursor:pointer;transition:.3s}.mood:hover,.mood.active{background:var(--ivory);color:var(--ink)}.mood-result{min-height:48px;font-style:italic}.button-gold{background:var(--gold);color:var(--ink);margin-top:15px}.frame-orbit{position:absolute;left:-5vw;top:50%;width:56vw;height:40vw;max-height:580px;transform:translateY(-45%);opacity:.82}.lens{position:absolute;top:12%;width:43%;height:68%;border:2px solid rgba(141,175,151,.58);border-radius:46% 46% 54% 54%;box-shadow:inset 0 0 60px rgba(141,175,151,.08),0 0 80px rgba(141,175,151,.06)}.lens-left{left:1%;transform:rotate(-5deg)}.lens-right{right:1%;transform:rotate(5deg)}.bridge{position:absolute;left:43%;top:24%;width:14%;height:15%;border-top:2px solid rgba(141,175,151,.58);border-radius:50%}.care{padding:140px 8vw 155px}.care-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:85px}.care h2{font-size:clamp(3.2rem,5.4vw,5.8rem);text-align:right}.care-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.care-card{padding:28px 36px 10px 0;border-right:1px solid var(--line);min-height:260px}.care-card+article{padding-left:36px}.care-card:last-child{border-right:0}.care-card span{font-size:.65rem;letter-spacing:.15em;color:#68766d}.care-card h3{font-family:Italiana,serif;font-size:1.75rem;font-weight:400;line-height:1.1;margin:50px 0 18px}.care-card p{color:#657067;max-width:330px}.booking{background:var(--sage);padding:125px 8vw;display:grid;grid-template-columns:1.2fr 1fr;gap:12vw}.booking h2{font-size:clamp(4rem,7vw,7rem);letter-spacing:-.04em}.booking h2 em{color:var(--ivory)}.booking-copy>p:last-child{max-width:450px}.booking-form{display:flex;flex-direction:column;gap:24px;padding-top:28px}.booking-form label span{display:block;font-size:.65rem;text-transform:uppercase;letter-spacing:.16em;margin-bottom:8px}.booking-form input,.booking-form select{width:100%;background:transparent;border:0;border-bottom:1px solid rgba(16,23,19,.45);border-radius:0;padding:11px 0;color:var(--ink);outline:none}.booking-form input:focus,.booking-form select:focus{border-color:var(--ivory)}.booking-form .submit{align-self:flex-start;margin-top:8px}.form-note{font-size:.7rem;opacity:.65}footer{background:#0d120f;color:rgba(244,238,227,.66);padding:55px 4.5vw;display:flex;align-items:center;justify-content:space-between;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}footer img{width:150px;height:65px;object-fit:contain;filter:brightness(0) invert(1);opacity:.9}.reveal{opacity:0;transform:translateY(28px);transition:opacity .85s ease,transform .85s ease}.reveal.visible{opacity:1;transform:none}.mobile-menu{position:fixed;z-index:19;inset:0;background:var(--deep);color:var(--ivory);padding:140px 8vw 40px;flex-direction:column;gap:25px;font-family:Italiana,serif;font-size:2.4rem}.mobile-menu.open{display:flex}.menu-toggle.active span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle.active span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
@media(max-width:900px){.site-header{height:88px}.brand img{width:135px;height:58px}.desktop-nav,.header-cta{display:none}.menu-toggle{display:block;z-index:22}.hero{min-height:680px}.hero-image{object-position:62% center}.hero-shade{background:linear-gradient(0deg,rgba(8,15,11,.94) 0%,rgba(8,15,11,.4) 65%,rgba(8,15,11,.2))}.hero-copy{left:7vw;right:7vw;top:auto;bottom:70px;transform:none}.hero h1{font-size:clamp(4.4rem,21vw,7rem)}.hero-intro{font-size:.95rem}.vertical-note,.sound-toggle{display:none}.manifesto{padding:100px 7vw;grid-template-columns:1fr}.manifesto-detail{padding-top:10px}.frame-finder{padding:85px 7vw;min-height:860px}.finder-content{width:100%;padding-top:320px}.frame-orbit{width:100vw;height:72vw;left:-18vw;top:33%}.care{padding:100px 7vw}.care-heading{display:block}.care h2{text-align:left;margin-top:35px}.care-grid{grid-template-columns:1fr}.care-card,.care-card+article{border-right:0;border-bottom:1px solid var(--line);padding:26px 0;min-height:auto}.care-card h3{margin:30px 0 12px}.booking{padding:95px 7vw;grid-template-columns:1fr;gap:40px}footer{flex-direction:column;gap:18px;text-align:center}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}}
@media(max-width:480px){.hero-actions .button{width:100%}.manifesto h2{font-size:3.1rem}.finder-content h2,.booking h2{font-size:3.9rem}.care h2{font-size:3rem}.frame-orbit{top:28%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}

/* Interactive frame catalogue */
.frame-finder{padding-bottom:125px}.collection-panel{position:relative;z-index:3;margin-top:105px;border-top:1px solid rgba(255,255,255,.2);padding-top:24px}.collection-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.collection-heading p,.saved-filter{font-size:.67rem;text-transform:uppercase;letter-spacing:.14em}.collection-heading p{margin:0;color:rgba(244,238,227,.62)}.saved-filter{border:0;background:transparent;color:var(--ivory);cursor:pointer;padding:8px}.saved-filter.active{color:var(--gold)}.frame-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.frame-card{background:var(--ivory);color:var(--ink);min-width:0;position:relative;transition:transform .35s ease}.frame-card:hover{transform:translateY(-5px)}.frame-image-wrap{background:#fff;aspect-ratio:1.35/1;display:flex;align-items:center;justify-content:center;padding:22px;overflow:hidden}.frame-image-wrap img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.save-frame{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(16,23,19,.15);background:rgba(255,255,255,.9);color:var(--ink);font-size:1.25rem;cursor:pointer;z-index:2}.save-frame.saved{background:var(--deep);color:var(--gold)}.frame-info{padding:19px 20px 22px}.frame-brand{margin:0 0 5px;font-size:.59rem;text-transform:uppercase;letter-spacing:.15em;color:#6a756e}.frame-name{margin:0;font-family:Italiana,serif;font-size:1.45rem;font-weight:400}.frame-colour{margin:5px 0 0;color:#657067;font-size:.75rem}.no-frames{grid-column:1/-1;border:1px solid rgba(255,255,255,.18);padding:50px;text-align:center;color:rgba(244,238,227,.7)}.collection-footer{display:flex;align-items:center;justify-content:space-between;margin-top:26px}.collection-footer p{color:rgba(244,238,227,.64);font-size:.78rem;max-width:440px}.collection-footer .button{margin-top:0}
@media(max-width:900px){.frame-orbit{top:22%}.collection-panel{margin-top:70px}.frame-grid{grid-template-columns:1fr 1fr}.collection-footer{align-items:flex-start;flex-direction:column;gap:12px}}
@media(max-width:480px){.frame-grid{grid-template-columns:1fr}.collection-heading{align-items:flex-start}.frame-image-wrap{aspect-ratio:1.5/1}}