*{box-sizing:border-box}html{scroll-behavior:smooth}:root {--color-bg: #10100f; --color-fg: #F2EFE8; --color-secondary: #B8B7B2; --color-accent: #C8783B; --color-graphite: #1A1A18;}.nav{display:flex;gap:25px;margin-left:auto}.nav a,.phone{font-size:13px;color:#d2d0ca;transition:.2s}.nav a:hover,.phone:hover{color:#fff}.phone{white-space:nowrap}/* Buttons & CTAs */
.button { display: inline-flex; align-items: center; justify-content: space-between; gap: 28px; min-height: 56px; padding: 0 26px; background: var(--color-accent); color: var(--color-bg); font-weight: 700; border: 1px solid #d98d4c; border-radius: 2px; box-shadow: 0 10px 35px rgba(200, 120, 59, .22); transition: all .22s ease; }
.button:hover { transform: translateY(-3px); background: #da8b4c; box-shadow: 0 15px 45px rgba(200, 120, 59, .32); }
.button.small { min-height: 43px; padding: 0 18px; font-size: 12px; gap: 12px; }

/* Primary Button Specifics (for Hero CTA) */
.button.primary { box-shadow: 0 10px 35px rgba(200, 120, 59, .32); }

/* Secondary/Text Link CTAs */
.text-link { font-size: 13px; font-weight: 700; border-bottom: 1px solid rgba(255, 255, 255, .5); padding: 12px 0; color: var(--color-fg); transition: color .2s ease;}
.text-link:hover { border-color: #c8783b; color: var(--color-accent) }

/* Focus states for accessibility */
*:focus-visible { outline: 3px solid #e3a66b; outline-offset: 4px; }.burger{display:none;width:46px;height:46px;padding:12px;background:transparent;border:1px solid rgba(255,255,255,.25)}.burger span{display:block;height:1px;background:#fff;margin:5px 0}.hero{min-height:880px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,7,6,.92) 0%,rgba(7,7,6,.75) 41%,rgba(7,7,6,.18) 80%),linear-gradient(0deg,#10100f 0%,transparent 20%),url('assets/hero-original.png') center/cover}.hero:after{content:"";position:absolute;width:720px;height:1px;background:linear-gradient(90deg,transparent,#c8783b,transparent);left:44%;top:22%;transform:rotate(-13deg);opacity:.55}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding-top:88px;gap:50px}.eyebrow,.section-label{font-size:11px;text-transform:uppercase;letter-spacing:.15em;font-weight:700}.eyebrow{display:flex;align-items:center;gap:12px;color:#c6c3bb}.eyebrow span{width:34px;height:1px;background:#c8783b}.hero h1,.intro h2,.section-head h2,.about h2,.process h2,.faq h2,.contact h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.045em;margin:26px 0}/* Hero Section Typography Refinement - Enhanced Readability */
.hero h1 { 
    font-family: Georgia, "Times New Roman", serif; /* Consistent brand font */
    font-size: clamp(60px, 7vw, 90px); /* Slightly tighter scaling for impact */
    line-height: 1.05; /* Tighter line height for visual weight */
}
.hero h1 em { 
    color: var(--color-accent); 
    font-weight: 400; /* Maintain light emphasis */
}
.lede { 
    font-size: clamp(18px, 1.5vw, 21px); /* Responsive size increase */
    line-height: 1.6; 
    color: #d0cdc5; 
    max-width: none; /* Allow text to flow better in responsive grid */
}.hero-actions{display:flex;align-items:center;gap:32px;margin:38px 0 48px}.text-link{font-size:13px;font-weight:700;border-bottom:1px solid rgba(255,255,255,.5);padding:12px 0}.proof{list-style:none;padding:22px 0 0;margin:0;border-top:1px solid rgba(255,255,255,.16);display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.proof b,.proof span{display:block}.proof b{font-family:Georgia,serif;font-size:15px;margin-bottom:7px}.proof span{font-size:11px;color:#aaa69e;line-height:1.4}.hero-media{position:relative;height:570px}.frame{position:absolute;margin:0;padding:10px;background:rgba(233,229,219,.87);box-shadow:0 26px 80px rgba(0,0,0,.42)}.frame img{width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(1.08)}.frame-main{width:78%;height:56%;right:0;top:8%;transform:rotate(2.5deg)}.frame-side{width:56%;height:45%;left:0;bottom:10%;transform:rotate(-4deg)}.metal-tag{position:absolute;right:2%;bottom:14%;width:145px;height:145px;border-radius:50%;display:grid;place-content:center;text-align:center;background:rgba(19,19,18,.84);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(12px)}.metal-tag span{font-family:Georgia,serif;font-style:italic}.metal-tag b{margin-top:7px;color:#c8783b;letter-spacing:.15em}.scroll-cue{position:absolute;left:35px;bottom:38px;z-index:3;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#aaa69e;display:flex;align-items:center;gap:15px;transform:rotate(-90deg);transform-origin:left}.scroll-cue i{width:70px;height:1px;background:#aaa69e}.light{background:#f2efe8;color:#171714}.intro{padding:130px 0 80px}.intro-grid{display:grid;grid-template-columns:.5fr 1.15fr .85fr;gap:54px;align-items:start}.section-label{color:#7f4f2d;margin:10px 0}.works .section-label,.process .section-label,.contact .section-label{color:#e4a16d}.intro h2{font-size:64px;line-height:1.02;margin:0}.intro-lede{font-size:20px;line-height:1.6;margin:5px 0 28px}.dark-link{font-weight:700;font-size:13px;border-bottom:1px solid #8e8a81;padding:10px 0}.directions{padding:20px 0 130px}.direction-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #c9c4b9;border-bottom:1px solid #c9c4b9}.direction{padding:45px 38px 42px;border-right:1px solid #c9c4b9;transition:.25s;min-height:360px}.direction:last-child{border:0}.direction:hover{background:#e9e4d9;transform:translateY(-6px)}.direction.featured{background:#171714;color:#f2efe8;position:relative}.direction.featured:before{content:"";position:absolute;inset:0;background:url('assets/jewelry-hero.png') center/cover;opacity:.23}.direction>*{position:relative}.direction>span{font-size:11px;color:#e4a16d}.direction:not(.featured)>span{color:#7f4f2d}.direction h3{font-family:Georgia,serif;font-size:34px;font-weight:400;line-height:1.08;margin:52px 0 23px}.direction p{color:#6b685f;line-height:1.55;min-height:76px}.direction.featured p{color:#c4c0b8}.direction a{font-size:12px;font-weight:700}.works{padding:130px 0;background:#171714;overflow:hidden}.section-head{display:flex;justify-content:space-between;align-items:end}.section-head h2{font-size:66px;line-height:1;margin-bottom:55px}.slider-controls{display:flex;gap:8px;margin-bottom:60px}.slider-controls button{width:50px;height:50px;border:1px solid #605e58;background:transparent;cursor:pointer}.slider-controls button:hover{border-color:#c8783b;color:#c8783b}.work-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 25px;max-width:1240px;margin:auto;scrollbar-width:thin;scrollbar-color:#c8783b #2c2b28}.work-card{flex:0 0 397px;height:510px;position:relative;scroll-snap-align:start;overflow:hidden;background:#242421}.work-card.tall{flex-basis:min(360px,72vw)}.work-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.62);transition:.5s}.work-card:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.92))}.work-card div{position:absolute;z-index:2;left:28px;bottom:27px}.work-card span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#c8783b}.work-card h3{font-family:Georgia,serif;font-weight:400;font-size:28px;margin:8px 0}.work-card:hover img{transform:scale(1.04);filter:saturate(.9)}.about{padding:140px 0}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:110px;align-items:center}.about-image{position:relative}.about-image>img{width:100%;height:650px;object-fit:cover;object-position:center;border-radius:2px;filter:saturate(.74) contrast(1.05)}.image-note{position:absolute;right:-36px;bottom:38px;background:#171714;color:#f2efe8;padding:22px 28px;font-size:11px;line-height:1.6}.about h2{font-size:64px;line-height:1.03}.about h2 em{color:#96552f}.about-copy>p:not(.section-label){font-size:20px;line-height:1.65;color:#5b5953}.about blockquote{font-family:Georgia,serif;font-size:23px;line-height:1.5;margin:35px 0;border-left:2px solid #c8783b;padding-left:25px}.button.dark{background:#171714;color:#f2efe8;border-color:#171714;box-shadow:none}.process{padding:130px 0}.process-head{display:grid;grid-template-columns:1fr 2fr}.process h2{font-size:65px;line-height:1;margin-top:0}.steps{list-style:none;padding:0;margin:70px 0 0;border-top:1px solid #4c4a46}.steps li{display:grid;grid-template-columns:.4fr 1.6fr;padding:34px 0;border-bottom:1px solid #4c4a46;transition:.2s}.steps li:hover{padding-left:15px;border-color:#c8783b}.steps li>span{font-size:11px;color:#c8783b}.steps h3{font-family:Georgia,serif;font-size:32px;font-weight:400;margin:0 0 8px}.steps p{color:#aaa69e;max-width:610px;margin:0;line-height:1.5}.numbers{border-top:1px solid #403f3b;border-bottom:1px solid #403f3b;padding:75px 0}.number-grid{display:grid;grid-template-columns:repeat(3,1fr)}.number-grid>div{padding:0 55px;border-right:1px solid #403f3b}.number-grid>div:first-child{padding-left:0}.number-grid>div:last-child{border:0}.number-grid strong{font-family:Georgia,serif;font-size:58px;font-weight:400;display:block;color:#c8783b}.number-grid span{font-size:12px;color:#aaa69e}.faq{padding:140px 0}.faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:110px}.faq h2{font-size:66px;line-height:1}.faq-grid>div:first-child>p:last-child{color:#68655e;line-height:1.6;max-width:300px}.faq-list{border-top:1px solid #aaa59b}.faq-item{border-bottom:1px solid #aaa59b}.faq-item button{width:100%;padding:27px 0;display:flex;justify-content:space-between;text-align:left;background:transparent;border:0;font-family:Georgia,serif;font-size:21px;cursor:pointer}.faq-item button span{font-family:Arial;font-weight:300;color:#9c673f;font-size:26px;transition:.2s}.faq-item.open button span{transform:rotate(45deg)}.faq-answer p{margin:0;padding:0 50px 28px 0;color:#66635c;line-height:1.6}.contact{position:relative;min-height:650px;display:grid;place-items:center;text-align:center;overflow:hidden}.contact-bg{position:absolute;inset:0;background:linear-gradient(rgba(12,12,11,.76),rgba(12,12,11,.9)),url('assets/jewelry-hero.png') center/cover}.contact-bg:after{content:"";position:absolute;left:16%;right:16%;top:48%;height:1px;background:linear-gradient(90deg,transparent,#c8783b,transparent)}.contact-inner{position:relative;z-index:2}.contact h2{font-size:74px;line-height:.98}.contact-inner>p:not(.section-label){color:#bbb8af;font-size:18px}.contact-actions{display:flex;justify-content:center;align-items:center;gap:32px;margin:34px}.contact address{font-style:normal;font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#aaa69e}footer{padding:55px 0;background:#0b0b0a;border-top:1px solid #302f2c}.footer-grid{display:grid;grid-template-columns:1.1fr 1.4fr .7fr 1fr;gap:50px;align-items:start}.footer-grid p{margin:0;color:#8c8982;font-size:12px;line-height:1.6}.footer-grid>div{display:flex;flex-direction:column;gap:10px;font-size:12px}.footer-grid span{color:#96938c}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s,transform .65s}.reveal.visible{opacity:1;transform:none}:focus-visible{outline:3px solid #e3a66b;outline-offset:4px}.is-loading{position:relative;overflow:hidden}.is-loading:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent,rgba(255,255,255,.12),transparent);animation:shimmer 1.4s infinite}@keyframes shimmer{to{transform:translateX(100%)}}.site-header{position:sticky;top:0;z-index:100}
@media(max-width:1060px){.nav{gap:14px}.header-cta{display:none}.hero-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:70px}.proof{grid-template-columns:1fr}.proof li:nth-child(n+2){display:none}.about-grid{gap:60px}.intro-grid{grid-template-columns:.35fr 1fr 1fr}.direction{padding:35px 24px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.container{width:min(100% - 40px,620px)}.site-header,.site-header.scrolled{height:70px}.header-inner{width:calc(100% - 40px);gap:16px}.brand img{width:122px}.phone{margin-left:auto;font-size:0}.phone:after{content:"Позвонить";font-size:11px}.burger{margin-left:auto;display:block}.nav{position:fixed;inset:70px 0 auto;display:flex;flex-direction:column;gap:0;background:rgba(16,16,15,.97);backdrop-filter:blur(20px);padding:20px;transform:translateY(-130%);transition:.3s;border-bottom:1px solid #444}.nav.is-open{transform:none}.nav a{font-family:Georgia,serif;font-size:28px;padding:16px;border-bottom:1px solid #333}.menu-open{overflow:hidden}.hero{min-height:980px;align-items:start}.hero-grid{display:block;padding-top:126px}.hero h1{font-size:clamp(54px,14vw,76px);line-height:.94}.lede{font-size:17px}.proof{display:none}.hero-media{height:390px;margin-top:35px}.frame-main{width:75%;height:58%;top:0}.frame-side{width:62%;height:52%;bottom:0}.metal-tag{width:108px;height:108px;bottom:4%}.scroll-cue{display:none}.intro{padding:95px 0 55px}.intro-grid{display:block}.intro .section-label{margin-bottom:25px}.intro h2,.section-head h2,.about h2,.process h2,.faq h2{font-size:48px}.intro-lede{font-size:18px;margin-top:28px}.directions{padding-bottom:90px}.direction-grid{display:block}.direction{border-right:0;border-bottom:1px solid #c9c4b9;min-height:auto;padding:36px 0}.direction.featured{padding:36px 25px}.direction h3{margin:28px 0 16px}.works{padding:90px 0}.section-head h2{margin-bottom:40px}.slider-controls{margin-bottom:42px}.work-card{height:430px}.about{padding:95px 0}.about-grid{display:block}.about-image>img{height:520px}.image-note{right:12px;bottom:20px}.about-copy{margin-top:60px}.process{padding:95px 0}.process-head{display:block}.steps li{grid-template-columns:.25fr 1.75fr}.numbers{padding:45px 0}.number-grid strong{font-size:38px}.number-grid>div{padding:0 16px}.faq{padding:95px 0}.faq-grid{display:block}.faq-list{margin-top:55px}.contact h2{font-size:54px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>p{grid-column:2}.footer-grid>div{margin-top:18px}}
@media(max-width:560px){.container{width:calc(100% - 40px)}.header-inner{width:calc(100% - 32px)}.phone{display:none}.hero{min-height:930px}.hero-bg{background-position:58% center}.hero:after{left:10%;top:28%}.hero-grid{padding-top:112px}.eyebrow{font-size:9px}.hero h1{font-size:57px;margin:20px 0}.lede{font-size:16px;line-height:1.55}.hero-actions{margin:28px 0;gap:18px;align-items:stretch;flex-direction:column}.button{min-height:54px}.text-link{align-self:flex-start}.hero-media{height:310px;margin-top:18px}.frame{padding:6px}.frame-main{width:77%;height:58%}.frame-side{width:62%;height:50%}.metal-tag{width:92px;height:92px;font-size:12px}.intro h2,.section-head h2,.about h2,.process h2,.faq h2{font-size:43px}.intro-grid{overflow-wrap:anywhere}.section-head{display:block}.slider-controls{justify-content:flex-end;margin-top:-8px}.work-track{gap:14px;padding-inline:20px;max-width:100%}.work-card{flex-basis:82vw;height:410px}.about-image>img{height:440px}.about blockquote{font-size:20px}.process h2{margin-top:22px;line-height:1.08}.steps li{grid-template-columns:1fr;padding:27px 0}.steps li>span{margin-bottom:10px}.numbers{padding:30px 0}.number-grid{grid-template-columns:1fr}.number-grid>div,.number-grid>div:first-child{padding:24px 0;border-right:0;border-bottom:1px solid #403f3b}.number-grid>div:last-child{border-bottom:0}.number-grid strong{font-size:44px}.faq-item button{font-size:18px;gap:15px}.contact{min-height:690px}.contact h2{font-size:49px}.contact-actions{flex-direction:column;margin:32px 0}.contact-actions .text-link{align-self:center}.footer-grid{grid-template-columns:1fr}}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s,transform .65s}.reveal.visible{opacity:1;transform:none}:focus-visible{outline:3px solid #e3a66b;outline-offset:4px}.is-loading{position:relative;overflow:hidden}.is-loading:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent,rgba(255,255,255,.12),transparent);animation:shimmer 1.4s infinite}@keyframes shimmer{to{transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}