*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f6f4ef;--bg-2:#fff;--ink:#131313;--ink-soft:#5e5e5e;--accent:#0f4f3c;--accent-soft:#ddebe1;--tan:#c8b489;--hairline:#e2dfd6;--ring:#0f4f3c66;--shadow-md:0 18px 40px -18px #13131333;--shadow-lg:0 40px 80px -30px #1313134d;--ease:cubic-bezier(.22, 1, .36, 1);--duration:.3s}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;line-height:1.6}h1,h2,h3,h4{letter-spacing:-.02em}.serif{letter-spacing:-.01em;font-family:Instrument Serif,serif;font-weight:400}.container{max-width:1240px;margin:0 auto;padding:0 24px}nav{-webkit-backdrop-filter:saturate(160%)blur(16px);border-bottom:1px solid var(--hairline);z-index:1000;background:#f6f4efdb;width:100%;padding:1rem 0;position:fixed;top:0}.nav-content{justify-content:space-between;align-items:center;gap:1rem;display:flex}.logo{letter-spacing:-.02em;color:var(--ink);align-items:center;gap:.45rem;font-size:1.2rem;font-weight:800;display:inline-flex}.logo i{color:var(--accent);font-size:1.1rem}.nav-links{gap:1.85rem;list-style:none;display:flex}.nav-links a{color:var(--ink);transition:color var(--duration) var(--ease);font-size:.9rem;font-weight:500;text-decoration:none;position:relative}.nav-links a:after{content:"";background:var(--accent);width:0;height:1px;transition:width var(--duration) var(--ease);position:absolute;bottom:-4px;left:0}.nav-links a:hover{color:var(--accent)}.nav-links a:hover:after{width:100%}.nav-links a:focus-visible{box-shadow:0 0 0 4px var(--ring);border-radius:4px;outline:none}.nav-cta{background:var(--ink);color:var(--bg);transition:background-color var(--duration) var(--ease), transform var(--duration) var(--ease);border-radius:999px;align-items:center;gap:.45rem;padding:.55rem 1.15rem;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.nav-cta:hover{background:var(--accent);transform:translateY(-1px)}.hero{padding:9rem 0 4rem;position:relative;overflow:hidden}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.hero-eyebrow{background:var(--accent-soft);color:var(--accent);opacity:0;animation:heroIn .7s var(--ease) 0s forwards;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.4rem .9rem;font-size:.82rem;font-weight:600;display:inline-flex;transform:translateY(14px)}.hero h1{color:var(--ink);letter-spacing:-.02em;opacity:0;animation:heroIn .9s var(--ease) .15s forwards;margin-bottom:1.5rem;font-family:Instrument Serif,serif;font-size:clamp(2.75rem,1.7rem + 5vw,5.5rem);font-weight:400;line-height:.98;transform:translateY(20px)}.hero h1 em{color:var(--accent);font-style:italic}.hero-lead{color:var(--ink-soft);opacity:0;max-width:480px;animation:heroIn .9s var(--ease) .28s forwards;margin-bottom:2rem;font-size:1.1rem;transform:translateY(18px)}.hero-actions{opacity:0;animation:heroIn .9s var(--ease) .4s forwards;flex-wrap:wrap;gap:.85rem;display:inline-flex;transform:translateY(18px)}.btn-primary{background:var(--ink);color:var(--bg);transition:background-color var(--duration) var(--ease), transform var(--duration) var(--ease);border-radius:999px;align-items:center;gap:.55rem;padding:.95rem 1.6rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary:hover{background:var(--accent);transform:translateY(-2px)}.btn-primary:focus-visible{box-shadow:0 0 0 4px var(--ring);outline:none}.btn-link{color:var(--ink);border-bottom:1px solid var(--ink);transition:gap var(--duration) var(--ease);align-items:center;gap:.6rem;padding:.95rem .6rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-link:hover{gap:1rem}.hero-visual{aspect-ratio:4/5;opacity:0;animation:heroIn .9s var(--ease) .2s forwards;background:url(https://images.unsplash.com/photo-1574258495973-f010dfbb5371?w=1200&q=80) 50%/cover no-repeat;border-radius:4px;position:relative;overflow:hidden;transform:translateY(20px)}.hero-visual:after{content:"";pointer-events:none;border:1px solid #fff6;position:absolute;inset:16px}.hero-visual-badge{background:var(--bg);color:var(--ink);letter-spacing:.04em;border-radius:999px;align-items:center;gap:.45rem;padding:.6rem 1rem;font-size:.78rem;font-weight:600;display:inline-flex;position:absolute;top:24px;left:24px}.hero-visual-badge i{color:var(--accent)}.marquee{background:var(--ink);color:var(--bg);white-space:nowrap;padding:1rem 0;position:relative;overflow:hidden}.marquee-track{gap:4rem;padding-right:4rem;animation:28s linear infinite marquee;display:inline-flex}.marquee-item{letter-spacing:-.005em;align-items:center;gap:.6rem;font-family:Instrument Serif,serif;font-size:1.5rem;font-style:italic;display:inline-flex}.marquee-item:after{content:"✦";color:var(--tan);margin-left:4rem;font-style:normal}@keyframes marquee{to{transform:translate(-50%)}}@keyframes heroIn{to{opacity:1;transform:translateY(0)}}section{padding:clamp(4.5rem,3.5rem + 4vw,7rem) 0}.section-eyebrow{text-align:center;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:.75rem;font-size:.8rem;font-weight:600;display:block}.section-title{text-align:center;color:var(--ink);margin-bottom:.75rem;font-family:Instrument Serif,serif;font-size:clamp(2.25rem,1.4rem + 3vw,3.75rem);font-weight:400;line-height:1.05}.section-title em{color:var(--accent);font-style:italic}.section-sub{text-align:center;color:var(--ink-soft);max-width:560px;margin:0 auto 3rem;font-size:1.02rem}.reveal{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transform:translateY(20px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.collection{background:var(--bg-2)}.collection-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;display:grid}.frame-card{background:var(--bg);border:1px solid var(--hairline);transition:transform var(--duration) var(--ease), box-shadow var(--duration) var(--ease);border-radius:8px;padding:1.5rem}.frame-card:hover{box-shadow:var(--shadow-md);transform:translateY(-6px)}.frame-img{aspect-ratio:1;background:#fff;border-radius:4px;justify-content:center;align-items:center;margin-bottom:1.25rem;display:flex;overflow:hidden}.frame-img img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease)}.frame-card:hover .frame-img img{transform:scale(1.06)}.frame-card h3{color:var(--ink);margin-bottom:.25rem;font-family:Instrument Serif,serif;font-size:1.45rem;font-weight:400}.frame-meta{justify-content:space-between;align-items:baseline;margin-bottom:.85rem;display:flex}.frame-meta span{color:var(--ink-soft);font-size:.85rem}.frame-price{color:var(--ink);font-size:1.05rem;font-weight:700}.frame-tags{flex-wrap:wrap;gap:.4rem;display:flex}.frame-tag{border:1px solid var(--hairline);color:var(--ink-soft);letter-spacing:.02em;text-transform:lowercase;background:#fff;border-radius:999px;padding:.22rem .6rem;font-size:.72rem}.process{background:var(--bg)}.process-grid{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;display:grid}.process-step{background:var(--bg-2);border:1px solid var(--hairline);counter-increment:step;transition:transform var(--duration) var(--ease), border-color var(--duration) var(--ease);border-radius:14px;padding:1.85rem;position:relative}.process-step:hover{border-color:var(--accent);transform:translateY(-5px)}.process-step:before{content:counter(step, decimal-leading-zero);color:var(--accent);margin-bottom:1rem;font-family:Instrument Serif,serif;font-size:3rem;font-style:italic;line-height:1;display:block}.process-step h3{color:var(--ink);margin-bottom:.45rem;font-family:Instrument Serif,serif;font-size:1.45rem;font-weight:400}.process-step p{color:var(--ink-soft);font-size:.95rem}.story{background:var(--accent);color:var(--bg)}.story-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.story-text>.section-eyebrow,.story-text>.section-title{text-align:left}.story-text>.section-eyebrow{color:var(--tan)}.story-text>.section-title{color:var(--bg);margin-bottom:1.25rem}.story-text>p{color:#f6f4efd1;margin-bottom:1.25rem;font-size:1.05rem}.story-link{color:var(--tan);border-bottom:1px solid var(--tan);transition:gap var(--duration) var(--ease);align-items:center;gap:.6rem;margin-top:1rem;padding:.85rem 0;font-weight:600;text-decoration:none;display:inline-flex}.story-link:hover{gap:1rem}.story-visual{aspect-ratio:4/5;background:url(https://images.unsplash.com/photo-1577803645773-f96470509666?w=1200&q=80) 50%/cover no-repeat;border-radius:4px;overflow:hidden}.contact{background:var(--bg);text-align:center}.contact-card{background:var(--bg-2);border:1px solid var(--hairline);max-width:720px;box-shadow:var(--shadow-md);border-radius:16px;margin:0 auto;padding:3.5rem 2.5rem}.contact-card h2{margin-bottom:.75rem;font-family:Instrument Serif,serif;font-size:clamp(2rem,1.4rem + 2vw,2.75rem);font-weight:400;line-height:1.1}.contact-card p{color:var(--ink-soft);margin-bottom:2rem;font-size:1.02rem}.contact-actions{flex-wrap:wrap;justify-content:center;gap:.85rem;display:inline-flex}footer{background:var(--ink);color:#f6f4ef99;text-align:center;padding:2rem 0;font-size:.88rem}@media (max-width:900px){.hero-grid,.story-grid{grid-template-columns:1fr;gap:2.5rem}.hero-visual,.story-visual{aspect-ratio:16/12}}@media (max-width:768px){.nav-links{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.marquee-track{animation:none}}