/* VISIONARIO — charcoal paper, architectural linework, warm sand accents. */
:root{--bg:#282a2d;--panel:#303236;--ink:#f4f2ed;--muted:#c1c0bd;--accent:#d2b18a;--line:#ffffff26}
body{background:#282a2d;color:var(--ink);background-image:linear-gradient(#282a2dcc,#282a2dcc),url('/assets/architecture-paper.webp');background-size:auto,1600px auto;background-attachment:scroll;font-weight:400}
.header{background:#25272af5;border-bottom-color:#ffffff20}.brand{width:156px}.desktop-nav a{font-size:12px;letter-spacing:.1em;color:#e2e0dc}.header-cta{letter-spacing:.05em;color:var(--accent)}
.kicker{font-family:'Bahnschrift Condensed','Arial Narrow','Manrope',sans-serif;letter-spacing:.24em;font-size:11px;font-weight:600;color:var(--accent)}
h1,h2,h3{color:var(--ink)}.hero-word{font-family:'Bahnschrift Condensed','Arial Narrow',sans-serif;font-weight:500;letter-spacing:.17em;font-size:clamp(55px,10vw,160px);color:#fff1;top:28px}
.hero-content h1{font-weight:500;font-size:clamp(44px,4.4vw,68px);letter-spacing:0}.hero-shade{background:linear-gradient(90deg,#20252cdd 0%,#20252c55 54%,#20252c20 100%),linear-gradient(0deg,#20252cee,transparent 58%)}
.hero-project{background:#24292d72;padding:20px 24px;border-color:#d2b18a80;max-width:360px}.hero-project p{color:#d9dbdd;font-size:10px}.hero-project span:not(.status-dot){color:#e4e2dd}.hero-scroll{font-size:10px}
.button{border-radius:26px;font-size:13px;font-weight:600;padding:13px 22px;gap:24px;letter-spacing:.035em;min-height:48px}.button-light{background:var(--accent);color:#25272b;border-color:var(--accent)}.button span,.button-light span{background:none;border:0;border-radius:0;color:inherit;width:auto;height:auto;font-size:19px}.button:hover{background:#e1c19b;color:#242629;transform:translateY(-2px)}
.section,.about-intro{background:transparent}.section-head h2,.about-intro h2{font-weight:400}.section-head h2 em,.current-copy h2 em{color:var(--accent)}
.project-picture{background:#18212a;border:1px solid #ffffff18;isolation:isolate}.project-picture .portfolio-cover{filter:saturate(.72) contrast(1.03);opacity:.95}.project-picture:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#101924a0,transparent 40%);z-index:1}.project-picture .image-kind{z-index:3;background:#1f242bdd;color:#f0ebe2;font-size:10px;max-width:calc(100% - 28px)}.project-open{z-index:3;background:var(--accent);color:#25272b;border-radius:50%;width:38px;height:38px}
.drawing-guide{display:none;position:absolute;inset:7% 6%;border:1px solid #dae6ed2a;pointer-events:none;z-index:2}.drawing-guide:before,.drawing-guide:after{content:'';position:absolute;border-color:#e5edf13d;border-style:solid;pointer-events:none}.drawing-guide:before{inset:-8% 16%;border-width:0 1px}.drawing-guide:after{inset:21% -8%;border-width:1px 0}
.project-caption h3{font-size:20px;line-height:1.6}.project-caption .kicker{font-size:10px;color:#c7c6c1;letter-spacing:.06em}.project-index{font-family:'Bahnschrift Condensed','Arial Narrow',sans-serif;font-size:16px;color:var(--accent)}
.current-work{background:linear-gradient(#24282bd6,#24282be8),url('/assets/architecture-paper.webp') center/cover}.work-types{position:relative}.type-list a{font-size:19px}.type-no{color:var(--accent);font-size:11px}.about-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.about-category-grid a:nth-child(3n){border-right:0}.about-category-grid h3{line-height:1.7}.brand-panel{background:linear-gradient(#23292ddd,#23292ddd),url('/assets/architecture-paper.webp') center/cover}
.page-heading{background:transparent}.page-heading .kicker{letter-spacing:.25em}.filter-bar button{color:#d2d2cf;font-size:13px;min-height:44px;border-color:#ffffff40}.filter-bar button[aria-pressed=true]{background:var(--accent);color:#25272b;border-color:var(--accent)}.result-count{font-size:12px;color:#bdbdb9}
.footer-top{grid-template-columns:1fr 1fr 1fr;gap:40px}.footer-address,.footer-links{color:#c9c9c5}.footer-links{font-size:12px;overflow-wrap:anywhere}.footer-bottom{color:#bcbdb9;font-size:9px}.footer-top p span{font-size:10px}.footer-top p{font-size:13px}
.contact-email{font-size:17px;overflow-wrap:anywhere;gap:18px}.contact-email>span:first-child{min-width:0}.contact-channel small{color:var(--accent);font-size:10px}.contact-grid{gap:85px}.contact-details{min-width:0}.inquiry-form{background:#303236;border-color:#ffffff25}.inquiry-form label{font-size:13px;color:#e6e4df}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{background:#24282c;border-color:#ffffff50;font-size:16px}.inquiry-form input::placeholder,.inquiry-form textarea::placeholder{color:#b9bec4;font-size:13px}
.detail-heading .kicker{font-size:11px}.detail-hero figcaption,.credits p{font-size:12px}.detail-subtitle{color:#c7c8c4}.back-link{font-size:13px}.project-facts dt{color:#bebfbb;font-size:12px}.credits span{font-size:10px}.credits small{font-size:12px}.gallery-item figcaption span{color:#b7bcbf}.section-note{color:#c2c5c7}
.mobile-nav{background:#25282cfb}.menu-toggle{min-width:44px;min-height:44px}.source-link{min-height:32px;display:inline-flex;align-items:center}.project-jump a{min-height:36px;display:flex;align-items:center}
@media(max-width:1100px){.hero-project{right:32px}.footer-top{gap:30px}.contact-grid{gap:45px}.project-caption h3{font-size:18px}}
@media(max-width:760px){body{background-size:auto,900px auto}.brand{width:126px}.header-cta{font-size:11px}.hero-word{font-size:10.5vw;letter-spacing:.12em;top:30px}.hero-content{top:18%}.hero-content h1{font-size:43px}.hero-project{left:20px;right:20px;bottom:24px;max-width:none;padding:16px}.hero-project p{font-size:10px}.hero-content p{font-size:14px}.hero-content .kicker{font-size:9px}.button{font-size:13px;min-height:46px;padding:12px 20px}.footer-top{grid-template-columns:1fr}.footer-links{font-size:12px;gap:15px 24px}.footer-links a[href^='mailto:']{flex-basis:100%}.footer-bottom{font-size:9px}.filter-bar button{font-size:12px;padding:10px 13px}.about-category-grid{grid-template-columns:1fr 1fr}.about-category-grid a:nth-child(3n){border-right:1px solid var(--line)}.about-category-grid a:nth-child(2n){border-right:0}.project-caption .kicker{font-size:10px}.selected-grid .project-card:nth-child(n){width:100%;margin:0}.contact-grid{gap:40px}.contact-email{font-size:16px}.detail-heading h1{font-size:34px}.detail-subtitle{font-size:10px;letter-spacing:.04em}.project-info p{font-size:14px}.credits p,.credits small{font-size:12px}.gallery-item figcaption span{font-size:11px}.image-kind{font-size:10px!important}.lightbox figcaption{font-size:12px}.current-facts .fact-designer{font-size:10px}.kicker{font-size:10px}}
@media(max-width:370px){.header-cta{display:none}.menu-toggle{margin-left:auto}.hero-content h1{font-size:38px}.hero-project a{font-size:18px}.hero{min-height:680px}.page-heading h1{font-size:38px}.contact-email{font-size:14px}}