/* Gallery composition inspired by the supplied art direction. */
html:root{--bg:#111410;--soft:#20241c;--text:#f1eddf;--muted:#b2b2a5;--accent:#cda56a;--line:#f1eddf24}
html body .hero{max-width:1600px;margin:auto;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)!important;gap:7vw!important;min-height:850px!important;padding:160px 7vw 100px!important;overflow:visible!important}
html body .hero-copy{max-width:720px!important}
html body .hero h1{font-size:clamp(24px,2.4vw,36px)!important;color:var(--muted)!important;font-weight:400!important}
html body .hero h1 em{font-size:clamp(44px,5.6vw,86px)!important;font-weight:450!important;letter-spacing:-.065em!important;color:var(--text)!important;max-width:12ch!important;margin-top:22px!important}
html body .hero .intro{font-size:16px!important;max-width:44ch!important;margin:30px 0!important}
html body .hero-art{min-height:0!important;height:auto!important;aspect-ratio:3/4!important;width:100%!important;max-width:470px!important;justify-self:center!important;border-radius:49% 49% 3px 3px!important;border:1px solid #e5ddbe66!important;box-shadow:none!important;transform:none!important}
html body .hero-art:after{background:linear-gradient(0deg,#0009,transparent 28%)!important}
html body .hero-art img{object-position:58% center!important}
html body .hero .temporary{font-size:10px!important;left:15%;right:15%;bottom:20px;text-align:center;background:transparent!important;line-height:1.5!important}
html body .hero:after{content:'';position:absolute;right:4%;top:15%;width:43%;height:70%;border:1px solid #e5ddbe44;border-radius:50%;transform:rotate(16deg);pointer-events:none;z-index:0}
html body .hero-art{z-index:1}.hero-assessment{border-radius:100px!important;padding:18px 28px!important;font-size:14px!important}.arrow-link{width:210px!important;font-size:11px!important;letter-spacing:.08em!important;margin-top:0!important}
html body .works,html body .about,html body .contacts{padding-inline:7vw!important;max-width:1600px;margin-inline:auto!important}
html body .section-head{border-top:1px solid var(--line);padding-top:24px!important}
html body .section-head p:first-child{font-size:22px!important;font-weight:450!important;letter-spacing:-.03em!important}
html body .gallery-grid>.card{background:transparent!important;border:0!important;box-shadow:none!important}
html body .gallery-grid{gap:56px 40px!important}
html body .gallery-grid .card-visual{border-radius:48% 48% 0 0!important;border:1px solid var(--line)!important;aspect-ratio:4/5!important}
html body .gallery-grid .card-editorial{background:transparent!important;padding:24px 0!important;border:0!important}
html body .gallery-grid .card-editorial h3{font-weight:450!important;font-size:clamp(26px,2.6vw,40px)!important;letter-spacing:-.045em!important}
html body .gallery-grid>.card.designed-feature{border-top:1px solid var(--line)!important;padding-top:40px!important;gap:40px!important}
html body .gallery-grid>.card.designed-feature>.card-visual{border-radius:48% 48% 0 0!important;border-right:0!important;min-height:600px!important}
html body .gallery-grid>.card.designed-feature>.card-editorial{padding:28px 0!important}
html body .about{background:transparent!important;border-top:1px solid var(--line)!important;color:var(--text)!important;gap:48px!important}
html body .about h2,html body .contacts h2{font-size:clamp(36px,4vw,64px)!important;font-weight:450!important;letter-spacing:-.05em!important;text-wrap:balance!important}
html body .master-portrait{border-radius:180px 180px 0 0;overflow:hidden;max-width:420px!important;margin-inline:auto!important}
html body .contacts{border-top:1px solid var(--line)!important;background:radial-gradient(ellipse at 90% 10%,#cda56a12,transparent 60%)!important}
html body .social-list{border:0!important;gap:16px!important}.social-list a{border:1px solid var(--line)!important;border-radius:12px;transition:background .2s!important}.social-list a:hover{background:#cda56a10!important}
html body .instagram-contact{border-color:var(--accent)!important}.topbar{background:transparent!important}.language select{border-radius:100px!important}.brand span{border-color:var(--accent)!important}
@media(max-width:1100px){html body .hero{padding-top:200px!important;min-height:780px!important;gap:5vw!important}html body .hero h1 em{font-size:clamp(42px,5.7vw,66px)!important}}
@media(max-width:800px){html body .hero{grid-template-columns:minmax(0,1fr)!important;padding:200px 6vw 60px!important;gap:36px!important;min-height:0!important}html body .hero h1 em{font-size:clamp(44px,10vw,66px)!important;max-width:13ch!important}html body .hero:after{top:auto;bottom:30px;right:9%;width:80%;height:400px}html body .hero-art{max-width:350px!important;width:80%!important}html body .hero-assessment{width:auto!important;margin-right:16px!important}html body .works,html body .about,html body .contacts{padding-inline:6vw!important}html body .gallery-grid{gap:36px!important}html body .gallery-grid>.card.designed-feature{gap:16px!important}html body .gallery-grid>.card.designed-feature>.card-visual{min-height:0!important}html body .about h2,html body .contacts h2{font-size:38px!important}.scroll-mark{display:none!important}html body .section-head{display:block!important}}

@media(min-width:801px){html body .hero{min-height:100svh!important;padding-top:125px!important;padding-bottom:65px!important}html body .hero-art{height:min(64vh,600px)!important;width:auto!important;max-width:100%!important}html body .hero:after{height:70%;top:20%;right:5%;width:40%}html body .hero h1 em{font-size:clamp(44px,5vw,80px)!important}}
html body .hero{background-image:linear-gradient(90deg,transparent 49.95%,#f1eddf0a 50%,transparent 50.05%)}

body:before{content:'';position:fixed;inset:0;z-index:100;pointer-events:none;background:url('canvas-grain.svg') repeat;opacity:.045;mix-blend-mode:screen}html body .hero{background-image:linear-gradient(117deg,transparent 23%,#e4dccb08 23.05%,transparent 23.15%),linear-gradient(90deg,transparent 49.95%,#f1eddf0a 50%,transparent 50.05%)}.restoration-intro:before{content:'';position:absolute;inset:0;background:url('canvas-grain.svg');opacity:.055;pointer-events:none}

@font-face{font-family:ArtDisplay;src:url('cormorant-variable.ttf') format('truetype');font-weight:300 700;font-style:normal;font-display:optional}
html:root body .hero h1 em,html:root body .about h2,html:root body .contacts h2,html:root body .gallery-grid .card-editorial h3,html:root body .estimate-intro h1,html:root body .restoration-intro__title,html:root body .restoration-intro__title *{font-family:ArtDisplay,Georgia,serif!important;font-weight:400!important;letter-spacing:-.035em!important}
html:root body .hero h1 em{max-width:15ch!important;font-size:clamp(48px,6.2vw,94px)!important;line-height:1!important}
html body .hero-art,html body .gallery-grid .card-visual,html body .gallery-grid>.card.designed-feature>.card-visual,html body .master-portrait{border-radius:0!important}
@media(max-width:800px){html body .hero{padding-top:60px!important}html:root body .hero h1 em{font-size:clamp(46px,12vw,66px)!important}html body .hero-art{width:100%!important;max-width:420px!important;aspect-ratio:4/3!important}}

html body .hero-art,html body .gallery-grid .card-visual,html body .gallery-grid>.card.designed-feature>.card-visual,html body .master-portrait,html body .estimate-art img{border-radius:18px!important}
html:root body .education-item h3{font-family:ArtDisplay,Georgia,serif!important;font-size:30px!important;font-weight:500!important}

/* Clearly separate projects and keep the biography row balanced. */
html:root body .gallery-grid>.card{border:1px solid #cda56a35!important;border-radius:18px!important;overflow:hidden!important;background:#ffffff03!important}
html:root body .gallery-grid .card-visual{border-radius:0!important;border:0!important;border-bottom:1px solid #cda56a35!important}
html:root body .gallery-grid .card-editorial{padding:26px!important}
html:root body .gallery-grid>.card.designed-feature{padding:0!important;gap:0!important}
html:root body .gallery-grid>.card.designed-feature>.card-editorial{padding:32px!important}
html:root body .gallery-grid>.card.designed-feature>.card-visual{border-radius:0!important;border-right:1px solid #cda56a35!important}
html:root body .about-copy{padding-top:0!important}
html:root body .about>.principles{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;margin:0!important;gap:24px!important}
html:root body .about>.principles>span{padding:24px 0!important;min-width:0;border-top:1px solid var(--line)!important;border-bottom:0!important}
html:root body .about>.about-quote{grid-column:1/-1!important;margin:0!important;padding:24px 28px!important;border-radius:14px!important}
html:root body .about>.about-quote p{max-width:80ch!important}
@media(max-width:800px){html:root body .about>.principles{grid-template-columns:1fr!important;gap:0!important}html:root body .gallery-grid>.card.designed-feature>.card-editorial{padding:24px!important}html:root body .gallery-grid>.card.designed-feature>.card-visual{border-right:0!important}}