:root{--gold:#957116;--black:#151515;--gray:#666;--line:#dedede;--soft:#f6f6f6;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--black);font-family:Montserrat,Arial,sans-serif}img{max-width:100%;display:block}a{color:inherit}.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,72px);border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{width:42px;height:56px;object-fit:contain}.brand span{font:500 13px/1 Montserrat;letter-spacing:3px}.menu{display:flex;align-items:center;gap:clamp(12px,2vw,28px)}.menu a{font-size:11px;letter-spacing:1px;text-transform:uppercase;text-decoration:none;padding:38px 0;border-bottom:2px solid transparent}.menu a:hover,.menu a:focus{color:var(--gold);border-color:var(--gold)}.menu-toggle{display:none;border:0;background:none;font:500 12px Montserrat;text-transform:uppercase;letter-spacing:1px}.hero{min-height:700px;display:grid;grid-template-columns:.92fr 1.08fr;align-items:stretch;border-bottom:1px solid var(--line)}.hero-copy{padding:clamp(70px,9vw,130px) clamp(30px,5vw,80px);display:flex;flex-direction:column;justify-content:center}.kicker{font:500 11px/1.4 Montserrat!important;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold)!important;margin-bottom:22px!important}.hero h1{font:400 clamp(44px,5vw,76px)/1.02 'Cormorant Garamond',serif;margin:0 0 28px}.hero h1 em{font-weight:400;color:var(--gold)}.hero p,.section p,.case-section p,.contact-section p{font:400 17px/1.8 'Cormorant Garamond',serif;color:#484848}.text-link{margin-top:14px;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;color:var(--gold)}.hero-image{margin:0;position:relative;overflow:hidden;min-height:650px}.hero-image>img{width:100%;height:100%;object-fit:cover;object-position:center}.art-frame{position:absolute;right:30px;bottom:30px;width:130px;height:130px;border:10px solid rgba(255,255,255,.92);background:repeating-linear-gradient(45deg,rgba(0,0,0,.72) 0 2px,transparent 2px 18px),radial-gradient(circle at 30% 35%,transparent 0 22px,#888 23px 25px,transparent 26px)}.section{padding:clamp(75px,9vw,130px) clamp(25px,7vw,110px);scroll-margin-top:92px}.section-heading{max-width:770px;margin:0 auto 62px;text-align:center}.section h2,.case-section h2,.contact-section h2{font:400 clamp(38px,4.4vw,64px)/1.08 'Cormorant Garamond',serif;margin:0 0 24px}.three-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.principle,.services article{padding:34px 28px;background:var(--soft);border-top:2px solid var(--gold)}.principle span,.timeline span{font-size:11px;letter-spacing:2px;color:var(--gold)}h3{font:500 28px/1.15 'Cormorant Garamond',serif;margin:15px 0 12px}.story{display:grid;grid-template-columns:.86fr 1.14fr;gap:clamp(40px,7vw,100px);align-items:center;border-top:1px solid var(--line)}.story-art{position:relative}.story-art img{width:100%;max-height:720px;object-fit:cover;filter:grayscale(1)}.story-art span{position:absolute;inset:-16px 16px 16px -16px;border:1px solid var(--gold);z-index:-1}.quote-band{padding:clamp(65px,8vw,110px) 25px;background:var(--soft);text-align:center}.quote-band blockquote{max-width:900px;margin:auto;font:400 clamp(31px,4vw,56px)/1.2 'Cormorant Garamond',serif}.case-section{scroll-margin-top:92px;background:#fafafa;padding:clamp(75px,9vw,130px) clamp(25px,7vw,110px)}.case-title{text-align:center;max-width:790px;margin:0 auto 68px}.timeline{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:60px}.timeline article{padding:34px;border-left:1px solid var(--line)}.timeline article:first-child{border-left:0}.case-gallery{display:grid;grid-template-columns:1fr 1fr;gap:25px}.case-gallery figure{margin:0;background:#111;position:relative;min-height:420px;overflow:hidden}.case-gallery img{width:100%;height:100%;object-fit:contain}.case-gallery figcaption{position:absolute;left:0;right:0;bottom:0;padding:14px 18px;background:rgba(0,0,0,.78);color:#fff;font-size:12px}.case-copy{max-width:820px;margin:70px auto 0}.network{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(40px,7vw,100px);align-items:center}.network-image{margin:0;border:1px solid var(--line);padding:15px}.network-image figcaption{font-size:12px;color:var(--gray);line-height:1.5;margin-top:12px}.contact-section{padding:clamp(80px,10vw,145px) clamp(25px,9vw,140px);display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(50px,8vw,110px);align-items:center;background:var(--soft);scroll-margin-top:92px}.contact-links{border-top:1px solid #ccc}.contact-links a{display:flex;justify-content:space-between;gap:18px;padding:24px 0;border-bottom:1px solid #ccc;text-decoration:none;font-size:12px}.whatsapp{position:fixed;right:22px;bottom:22px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#111;color:#fff;text-decoration:none;font-size:11px;font-weight:600;z-index:25}footer{display:flex;align-items:center;justify-content:space-between;padding:28px clamp(25px,6vw,90px);font-size:11px;color:var(--gray);letter-spacing:1px}footer img{width:34px;height:44px;object-fit:contain}.reveal{opacity:0;transform:translateY(16px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.menu-toggle{display:block}.menu{display:none;position:absolute;top:92px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:12px 24px;flex-direction:column;align-items:stretch}.menu.open{display:flex}.menu a{padding:14px 0}.hero,.story,.network,.contact-section{grid-template-columns:1fr}.hero-copy{order:1}.hero-image{order:2;min-height:650px}.three-columns,.timeline,.case-gallery{grid-template-columns:1fr}.timeline article{border-left:0;border-top:1px solid var(--line)}.contact-links a{flex-direction:column}.art-frame{width:95px;height:95px}.story-art img{max-height:760px}}@media(max-width:520px){.brand span{display:none}.hero-image{min-height:540px}.case-gallery figure{min-height:320px}footer{flex-direction:column;gap:12px}.site-header{height:76px}.menu{top:76px}.section,.case-section{scroll-margin-top:76px}}
