@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&family=Montserrat:wght@300;400;500;600&display=swap');
:root{--bg:#090909;--panel:#10100f;--text:#f4f1e9;--muted:#aaa69d;--gold:#caa45f;--gold2:#e4c98f;--line:#2b2925;--max:1440px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Montserrat,Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}em{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;color:var(--gold2)}.site-header{height:94px;max-width:var(--max);margin:auto;padding:0 42px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:42px;position:relative;z-index:10}.wordmark{display:flex;align-items:center;gap:18px;white-space:nowrap}.wordmark strong{font:500 54px/1 "Cormorant Garamond",Georgia,serif;color:var(--gold2);letter-spacing:-.07em}.wordmark span{font-size:11px;letter-spacing:.45em;color:var(--gold2)}.site-header nav{display:flex;gap:34px;margin-left:auto;font-size:10px;text-transform:uppercase;letter-spacing:.24em}.site-header nav a{padding:38px 0 31px;border-bottom:1px solid transparent}.site-header nav a:hover{color:var(--gold2);border-color:var(--gold)}.header-cta{border:1px solid var(--gold);padding:14px 20px;text-transform:uppercase;letter-spacing:.2em;font-size:10px}.header-cta span,.btn span{margin-left:12px}.menu{display:none}.hero{max-width:var(--max);min-height:650px;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;border-bottom:1px solid var(--line);overflow:hidden}.hero-copy{padding:105px 45px 95px 75px;position:relative;z-index:2}.eyebrow{color:var(--gold);font-size:10px;font-weight:500;letter-spacing:.38em;text-transform:uppercase;margin:0 0 16px}.hero h1{font:500 clamp(64px,6.8vw,112px)/.84 "Cormorant Garamond",Georgia,serif;letter-spacing:-.045em;margin:15px 0 30px}.hero h1 em{font-size:1.05em}.lead{max-width:660px;color:#d2cec5;font-size:16px}.actions{display:flex;gap:14px;margin-top:36px;flex-wrap:wrap}.btn{display:inline-block;border:1px solid #5c513f;padding:15px 24px;font-size:10px;text-transform:uppercase;letter-spacing:.22em}.btn.primary{background:linear-gradient(110deg,#a77d3c,#d4b170);border-color:#c9a35e;color:#090909;font-weight:600}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 50%,#282014 0,#12100d 45%,#090909 78%);overflow:hidden}.hero-art:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,9,9,.6),transparent 30%),linear-gradient(0deg,rgba(9,9,9,.45),transparent 40%)}.hero-art img{width:82%;position:relative;z-index:1;filter:drop-shadow(0 30px 55px #000)}.work{max-width:var(--max);margin:auto;padding:22px 42px 42px;display:grid;grid-template-columns:300px 1fr;gap:30px;border-bottom:1px solid var(--line)}.portfolio-intro{padding:28px 12px}.portfolio-intro h2,.section-title h2,.about h2,.contact h2{font:500 clamp(48px,5vw,78px)/.92 "Cormorant Garamond",Georgia,serif;letter-spacing:-.035em;margin:15px 0 24px}.portfolio-intro p:last-child,.section-title+p,.about p,.contact>p{color:var(--muted);font-size:14px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.portfolio-card{border:1px solid var(--line);background:#0d0d0c;transition:.3s ease}.portfolio-card:hover{transform:translateY(-4px);border-color:#665434}.portfolio-image{height:285px;background:#050505;display:flex;align-items:center;justify-content:center;overflow:hidden}.portfolio-image>img{width:100%;height:100%;object-fit:contain;transition:transform .4s ease}.portfolio-image.portrait>img{object-fit:cover}.portfolio-card:hover .portfolio-image>img,.portfolio-card:hover .dark-frame img{transform:scale(1.025)}.dark-frame{width:100%;height:100%;background:radial-gradient(circle,#26231d,#080808 68%);display:flex;align-items:center;padding:28px}.dark-frame img{width:100%;height:auto;filter:invert(1) sepia(.35) saturate(.9) brightness(.86);mix-blend-mode:screen;transition:transform .4s ease}.portfolio-copy{padding:17px 19px;display:flex;justify-content:space-between;align-items:center}.portfolio-copy b{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.portfolio-copy span{display:block;color:var(--gold);font-size:9px;letter-spacing:.18em;text-transform:uppercase;margin-top:5px}.portfolio-copy i{font:500 23px "Cormorant Garamond",serif;color:#796a50}.services-section{max-width:var(--max);margin:auto;padding:105px 75px;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;border-bottom:1px solid var(--line)}.services-list{border-top:1px solid var(--line)}.services-list article{display:grid;grid-template-columns:55px 190px 1fr;gap:20px;align-items:center;padding:27px 0;border-bottom:1px solid var(--line)}.services-list span{color:var(--gold);font-size:10px}.services-list h3{font:500 29px "Cormorant Garamond",serif;margin:0}.services-list p{color:var(--muted);font-size:13px;margin:0}.about{max-width:var(--max);margin:auto;padding:110px 75px;display:grid;grid-template-columns:1fr 1fr;gap:100px;background:linear-gradient(120deg,#0b0b0b,#12100d);border-bottom:1px solid var(--line)}.about>div:last-child{padding-top:30px;max-width:570px}.about>div:last-child>p{font-size:16px}.about a{display:inline-block;margin-top:22px;color:var(--gold2);font-size:12px;letter-spacing:.08em}.principles{max-width:var(--max);margin:auto;text-align:center;padding:65px 50px 75px;border-bottom:1px solid var(--line);background:radial-gradient(circle at center,#17140f,#0a0a09 70%)}.principles>div{display:grid;grid-template-columns:repeat(4,1fr);margin-top:35px}.principles article{padding:10px 30px;border-right:1px solid var(--line)}.principles article:last-child{border:0}.principles article>span{font-size:31px;color:var(--gold)}.principles h3{font-size:11px;letter-spacing:.2em;text-transform:uppercase}.principles p{color:var(--muted);font-size:12px}.contact{max-width:var(--max);margin:auto;text-align:center;padding:120px 30px}.contact h2{font-size:clamp(58px,7vw,100px)}.contact .btn{margin-top:20px}footer{max-width:var(--max);margin:auto;border-top:1px solid var(--line);padding:28px 42px;display:flex;align-items:center;gap:35px;color:var(--muted);font-size:10px}footer .wordmark strong{font-size:36px}footer .wordmark span{font-size:8px}footer p{flex:1;text-align:center}footer>div{display:flex;gap:20px}.page{max-width:980px;margin:auto;padding:110px 35px 150px;min-height:70vh}.page h1{font:500 clamp(55px,7vw,90px)/.95 "Cormorant Garamond",serif}.notice{margin:50px 0 25px;padding:35px;border:1px solid var(--line);background:var(--panel)}.muted,.policy p{color:var(--muted)}.policy h2{margin-top:42px}@media(max-width:900px){.site-header{height:78px;padding:0 20px}.wordmark strong{font-size:42px}.wordmark span{font-size:8px}.header-cta{display:none}.menu{display:block;margin-left:auto;background:none;border:1px solid var(--line);color:#fff;padding:9px 12px;font-size:9px;letter-spacing:.2em}.site-header nav{display:none;position:absolute;top:78px;left:0;right:0;background:#0b0b0b;padding:24px;flex-direction:column;z-index:20}.site-header nav.open{display:flex}.site-header nav a{padding:8px}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:70px 28px}.hero-art{min-height:390px;order:-1}.hero-art img{width:72%}.work{grid-template-columns:1fr;padding:65px 22px}.portfolio-intro{padding:0}.portfolio-grid{grid-template-columns:1fr}.portfolio-image{height:360px}.services-section,.about{grid-template-columns:1fr;padding:80px 28px;gap:35px}.services-list article{grid-template-columns:35px 1fr}.services-list p{grid-column:2}.principles>div{grid-template-columns:1fr 1fr}.principles article{border-bottom:1px solid var(--line)}footer{flex-wrap:wrap}.portfolio-intro h2{font-size:58px}}@media(max-width:520px){.wordmark span{display:none}.portfolio-image{height:280px}.principles>div{grid-template-columns:1fr}.principles article{border-right:0}.services-list article{grid-template-columns:30px 1fr}.hero-art{min-height:300px}.contact{padding:90px 22px}footer p{order:3;width:100%;text-align:left}}

/* Show the original Samir & Co artwork and keep the hero focused on the wordmark. */
.hero{display:block;min-height:0}.hero-copy{padding:105px 75px 115px}.hero-copy .lead{max-width:760px}.samir-image{background:#fff}.samir-image>img{object-fit:contain;padding:14px}@media(max-width:900px){.hero-copy{padding:70px 28px}}