/* AVYRO Design / graphite atelier. Shared shell; portfolio artwork retains its identity. */
:root{--paper:#141517;--ink:#efefec;--accent:#d1a88a;--copper:#d1a88a;--muted:#b2b1ad;--line:#ffffff20;color-scheme:dark}
body.multipage{background:#141517;color:#efefec}
body.multipage>header,body.multipage>header.is-scrolled{background:#151618eb;color:#efefec;border-bottom:1px solid #ffffff18;box-shadow:0 8px 35px #0003;backdrop-filter:blur(22px)}
.multipage>header .avyro-brand-crop img{filter:brightness(0) invert(1);opacity:.92}
.multipage>header .logo,.multipage>header #menu-toggle{color:#eeece8}
.multipage .desktop-nav a,.is-home .desktop-nav a{color:#cdcdca;font-weight:500}
.multipage .desktop-nav a:hover{color:#fff;background:#ffffff0c}
.multipage .desktop-nav a[aria-current=page]{color:#f0c7a8;background:#ffffff09;box-shadow:inset 0 -1px #c69e7e}
.multipage .desktop-nav a:last-child,.is-home .desktop-nav a:last-child,.copper-button{background:linear-gradient(115deg,#b88767,#e0b99a 44%,#ae7c5b);color:#201c19;border-color:#e4c2a573;box-shadow:inset 0 1px #ffecd0aa,0 8px 24px #0003;font-weight:600}
.multipage #menu-toggle{border-color:#ffffff30;background:#ffffff05}
.multipage #menu{background:radial-gradient(ellipse at 95% 20%,#5c534530,transparent 60%),#17181a;color:#ecebe7}
.multipage .editorial-hero{min-height:850px;min-height:92svh;background:radial-gradient(ellipse at 78% 30%,#55585d42,transparent 55%),linear-gradient(120deg,#202225,#101113 75%);padding-bottom:75px;isolation:isolate}
.editorial-hero:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background:linear-gradient(112deg,transparent 50%,#ffffff04 50.1%,transparent 65%),linear-gradient(0deg,#0b0c0e80,transparent 45%)}
.editorial-hero-grid{grid-template-columns:1.5fr .65fr;gap:30px;margin-top:clamp(65px,10vh,125px)}
.editorial-copy h1{font-size:clamp(65px,7.5vw,116px);letter-spacing:-.055em;color:#f1f0ed;line-height:1.02;margin:30px 0}
.editorial-copy h1 em{color:#d6b499;background:linear-gradient(110deg,#e7cbb4,#b88362 45%,#f0d8c4 85%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.editorial-copy>p{color:#bcbcb9;font-size:15px;max-width:520px;line-height:1.9}
.editorial-copy .eyebrow,.editorial-hero .hero-top{color:#c6b5a5;font-size:9px;letter-spacing:2px}
.hero-proof{border-color:#ffffff20;gap:22px;margin-top:45px}.hero-proof span{color:#a9aaa8;font-size:8px;line-height:1.7}
.quiet-link{color:#ddd5ce;border-color:#ae947d88;font-size:12px}.editorial-hero .hero-index{color:#989a9c}
.editorial-hero #sculpture{width:28%;height:30%;top:6%;right:-8%;opacity:.08}
.atelier-signature{position:relative;min-height:360px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-left:25px;border-left:1px solid #ffffff12;isolation:isolate}
.atelier-number{font-size:10px;letter-spacing:3px;color:#c6a387;margin-bottom:32px}
.atelier-word{font-family:'Space Grotesk',sans-serif;font-size:clamp(34px,4.5vw,70px);line-height:1.05;letter-spacing:-3px;font-weight:400;color:#b5b7b8}
.atelier-caption{font-size:7px;letter-spacing:1.6px;color:#a4a4a2;line-height:1.8;margin-top:32px}
.metal-halo{position:absolute;z-index:-1;width:260px;height:260px;top:20px;right:-40px;border-radius:50%;border:1px solid #c8a88c35;box-shadow:inset 14px 2px 28px #e4c2a511,4px 1px 0 #ddd7d01a,20px 15px 60px #0004;transform:rotate(-25deg) scaleX(.65);animation:metalBreath 12s ease-in-out infinite}
@keyframes metalBreath{50%{transform:rotate(-13deg) scaleX(.72) translateY(-8px);opacity:.55}}
.editorial-ribbon{background:#191a1c;border-color:#ffffff16}.editorial-ribbon b{color:#e5e3df}.editorial-ribbon>span{color:#aaa8a4}.editorial-ribbon i{color:#c19c80}
.home-intro,.home-sector-strip,.delivery-section,.services,.branch-detail,.flow-demo,.growth-teaser,.contact-guide,.lab-explainer{background:#202123;color:#eeeDE9}
.editorial-services,.material-story,.home-paths,.process-section,.faq,.niches-section,.about,.tan-case-details{background:#191a1c;color:#efeeeb}
.intro{background:#202123!important;color:#efeeeb}
.inner-page .page-opening{background:radial-gradient(ellipse at 85% 0,#6664652b,transparent 60%),linear-gradient(120deg,#28292c,#151618);color:#efeeeb;border-bottom:1px solid #ffffff10}
.home-work,.capabilities,.brand-principles,.branch-example,.branch-tools,.automation-explainer,.contact,.investment{background:linear-gradient(130deg,#252629,#111214);color:#efeeeb}
.page-cta{background:radial-gradient(ellipse at 90% 60%,#95735520,transparent 55%),linear-gradient(125deg,#2c2d30,#17181a);border-color:#ffffff18;color:#efeeeb}
.site-footer{background:#101113;color:#aaa9a5}.site-footer>div p,.site-footer>nav a{color:#bbb9b5}
.multipage :is(.home-intro,.editorial-services,.material-story,.home-paths,.home-sector-strip,.page-opening,.intro,.about,.services,.process-section,.delivery-section,.faq,.niches-section,.branch-detail,.lab-explainer,.contact-guide,.growth-teaser,.flow-demo-intro,.tool-overview-copy,.tan-feature-copy) :is(h1,h2,h3,h4){color:#eeede9}
.multipage :is(.home-intro,.editorial-services,.material-story,.home-paths,.home-sector-strip,.page-opening,.intro,.about,.services,.process-section,.delivery-section,.faq,.niches-section,.branch-detail,.lab-explainer,.contact-guide,.growth-teaser,.flow-demo-intro,.tool-overview-copy,.tan-feature-copy) :is(h1,h2,h3) em{color:#d2ac8e}
.multipage :is(.home-intro,.editorial-services,.material-story,.home-paths,.home-sector-strip,.page-opening,.intro-details,.about,.services,.process-section,.delivery-section,.faq,.niches-section,.branch-detail,.lab-explainer,.contact-guide,.growth-teaser,.flow-demo-intro,.tool-overview-copy,.tan-feature-copy,.tan-case-intro,.tan-case-story,.tan-detail-grid,.branch-tool-intro,.portfolio-context) p{color:#b8b7b3}
.multipage .section-title p{color:#b8b7b3}.eyebrow,.page-opening .eyebrow{color:#c5a58b}
.multipage :is(.text-button,.home-paths b,.home-paths span,.image-service-grid a,.tool-overview-copy a,.tan-external,.branch-shortcuts .text-button){color:#d6b79e;border-color:#a98a6b66}
.services summary,.faq summary,.niche-copy h3,.branch-features h3,.project-grid .project-info h3{color:#e4e3df}
.services details,.faq details,.brand-values,.branch-features article,.delivery-list article,.process-grid small{border-color:#ffffff25}
.services .price-note,.scope-note,.branch-detail .scope-note,.portfolio-context span,.project-grid .project-info span,.tan-case-showcase figcaption,.freedom-workplace figcaption{color:#a9aaa7}
.home-paths>a,.tool-overview-grid article,.niche-panel-inner,.branch-tool-intro{background:linear-gradient(135deg,#303134,#232426);border-color:#ffffff1c;box-shadow:0 20px 40px #0002}
.home-paths>a{transition:border-color .35s,transform .35s}.home-paths>a:hover{border-color:#c9a17d70;transform:translateY(-4px)}
.niche-copy p,.niche-features div{color:#b9b8b4}.niche-copy h4{color:#d0aa8b}.niche-features{border-color:#ffffff20}
.niche-tabs button,.tool-filters button{background:#ffffff05;color:#c5c4c0;border-color:#ffffff26}.niche-tabs button[aria-selected=true],.tool-filters button[aria-pressed=true]{background:#c5a080;color:#171717;border-color:#d3b394}
.tan-tags span{color:#c9c5be;border-color:#ffffff28}.tan-case-opening h1,.tan-case-story h2,.tan-case-details h2,.tan-detail-grid h3{color:#eeece7}.tan-case-opening h1 em,.tan-case-story h2 em,.tan-case-details h2 em{color:#d4af90}.tan-case-story aside strong,.tan-case-story aside a{color:#c1c1bc}
.flow-app,.living-flow{background:linear-gradient(130deg,#303134,#1b1c1e);border-color:#ffffff24;box-shadow:0 25px 55px #0003}.flow-app-top{background:#141517;color:#d3b79d}.flow-form label,.flow-step p,.flow-summary dd,.flow-result-top>p{color:#bebbb6}.flow-form select{color-scheme:dark;background:#18191b;color:#e5e3df;border-color:#ffffff30}.flow-result-top h3,.flow-step strong{color:#eeece7}.flow-boundary,.flow-disclaimer{background:#17181a;color:#b8b3ab;border-color:#ffffff20}.flow-step>span{background:#b5947330;color:#e1bc9a}.selected-tool-note{background:#ffffff06;color:#d4b496!important}
.multipage :focus-visible{outline:2px solid #e0b995;outline-offset:5px}.multipage ::selection{background:#ba9471;color:#141414}
@media(max-width:900px){.editorial-hero-grid{grid-template-columns:1fr;margin-top:65px}.atelier-signature{display:none}.multipage .editorial-hero{min-height:780px;min-height:88svh}.editorial-copy h1{font-size:clamp(58px,10.5vw,90px);max-width:760px}.editorial-copy>p{font-size:14px}}
@media(max-width:550px){.multipage .editorial-hero{min-height:730px;padding-bottom:70px}.editorial-copy h1{font-size:clamp(48px,11.5vw,64px);letter-spacing:-2.8px}.editorial-copy .eyebrow{font-size:8px;letter-spacing:1.2px}.hero-proof{gap:12px;margin-top:35px}.hero-proof span{font-size:7px}.editorial-hero .hero-top{font-size:7px}.editorial-copy>p{font-size:13px}.hero-actions{gap:22px}.quiet-link{font-size:11px}}
@media(prefers-reduced-motion:reduce){.metal-halo{animation:none}.home-paths>a{transition:none}.home-paths>a:hover{transform:none}}body.paused .metal-halo{animation-play-state:paused}
