/*
Theme Name: Studio Vlambaar — Concept 05
Theme URI: https://studiovlambaar.nl
Author: Studio Vlambaar
Description: Premium one-page site, consistent met het vastgestelde brandbook. Teksten, hero-afbeelding en projecten eenvoudig te beheren.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: studio-vlambaar
*/

    :root { --navy:#0E1B2B; --cream:#F5EFE6; --paper:#FAF7F1; --taupe:#B7A693; --orange:#FF6A3D; --ink:#152538; --muted:#686760; --line:#DCD3C8; --light:#FFFFFF; --radius:20px; --max:1370px; }
    * { box-sizing:border-box; } html{scroll-behavior:smooth} body { margin:0; background:var(--cream); color:var(--navy); font-family:'DM Sans','Segoe UI',Arial,sans-serif; -webkit-font-smoothing:antialiased; }
    a{color:inherit; text-decoration:none} button,input,select,textarea{font:inherit} button{cursor:pointer} ::selection{background:var(--orange);color:var(--navy)}
    :focus-visible{outline:3px solid var(--orange);outline-offset:4px}
    .container{max-width:var(--max);margin:auto;padding:0 38px}
    .eyebrow{font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
    .pill{border:1px solid currentColor;border-radius:50px;padding:8px 13px;display:inline-flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:800}
    .button{min-height:52px;padding:15px 23px;border-radius:60px;display:inline-flex;justify-content:center;align-items:center;gap:27px;font-size:14px;font-weight:800;transition:transform .2s,background .2s,color .2s;border .2s;border:1px solid transparent}
    .button:hover{transform:translateY(-2px)} .button svg{width:17px;flex:none} .button-primary{background:var(--navy);color:var(--cream)}.button-primary:hover{background:#263a4d} .button-outline{border-color:var(--navy);background:transparent}.button-outline:hover{background:#eae2d6}
    .button-light{background:var(--cream);color:var(--navy)}.button-orange{background:var(--orange);color:var(--navy)}
    .preview-notice{background:#DFE5D9;color:var(--navy);font-size:12px;text-align:center;padding:7px 12px;font-weight:700;letter-spacing:.02em}
    header{background:var(--navy);color:var(--cream);position:sticky;top:0;z-index:30;border-bottom:1px solid #ffffff22}
    .nav-inner{min-height:84px;display:flex;align-items:center;gap:30px;justify-content:space-between}
    .brand{display:flex;align-items:center;gap:11px;font-size:15px;font-weight:800;letter-spacing:.085em;white-space:nowrap}
    .brand img{width:25px;height:33px;object-fit:contain}.navlinks{display:flex;gap:32px;align-items:center;margin-left:auto}.navlinks a{color:#e7e1da;font-size:13px;font-weight:600;transition:color .2s}.navlinks a:hover{color:var(--orange)}
    .nav-action{border-radius:50px;background:var(--cream);color:var(--navy);padding:11px 18px;font-weight:800;font-size:13px;white-space:nowrap}.nav-action:hover{background:#fff}
    .menu-toggle{display:none;background:none;border:1px solid #fff5;border-radius:10px;color:var(--cream);height:42px;padding:0 12px}
    .hero{background:var(--cream);overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:50px;align-items:center;min-height:720px;padding-top:64px;padding-bottom:80px}
    .hero-content{max-width:735px}.hero h1{font-family:'Manrope','DM Sans',sans-serif;font-size:clamp(45px,5.5vw,83px);font-weight:800;letter-spacing:-.068em;line-height:1.085;margin:29px 0 23px}
    .hero h1 .dot{color:var(--orange)}.hero .tagline{font-size:clamp(19px,1.55vw,24px);font-weight:700;letter-spacing:-.03em;margin:0 0 20px}.hero .intro{color:#4e5556;font-size:16px;line-height:1.75;max-width:500px;margin:0 0 34px}
    .hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-facts{margin-top:53px;border-top:1px solid var(--line);padding-top:18px;display:flex;flex-wrap:wrap;gap:19px 26px;color:#66625b;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700}
    .hero-image-panel{min-height:604px;position:relative;border-radius:120px 18px 18px 18px;overflow:hidden;background:#4b4643;box-shadow:0 28px 65px #0e1b2b24}
    .hero-image-panel img{width:100%;height:100%;inset:0;object-fit:cover;position:absolute;transition:transform .7s}.hero-image-panel:hover img{transform:scale(1.035)}
    .hero-image-panel:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,#07121cb9);pointer-events:none}
    .hero-image-caption{position:absolute;bottom:28px;left:28px;right:28px;color:white;z-index:1;display:flex;justify-content:space-between;align-items:end;gap:25px;font-size:12px}
    .hero-image-caption b{font-size:19px;font-weight:700}.hero-image-caption span{opacity:.8;max-width:185px;text-align:right}
    .corner-accent{position:absolute;z-index:2;top:21px;right:20px;background:var(--cream);color:var(--navy);font-size:10px;letter-spacing:.08em;font-weight:800;padding:11px 13px;border-radius:30px}
    .micro-pattern{position:absolute;z-index:2;top:39px;left:31px;color:var(--cream);opacity:.75;font-size:30px;letter-spacing:-12px;line-height:1}
    .ticker{background:var(--navy);color:var(--cream);border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;padding:24px 0}.ticker-inner{display:flex;gap:25px;align-items:center;justify-content:space-between;flex-wrap:wrap}.ticker span{font-weight:700;font-size:12px;letter-spacing:.06em}.ticker i{font-style:normal;color:var(--orange);font-size:20px}
    .section{padding:110px 0}.section-title{font-family:'Manrope','DM Sans',sans-serif;font-size:clamp(36px,4.2vw,63px);letter-spacing:-.06em;line-height:1.1;margin:20px 0 22px;font-weight:800}.section-title .accent{color:var(--orange)}.section-lead{line-height:1.75;font-size:16px;color:#65625c;max-width:620px}
    .section-top{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:48px}.section-top .section-lead{margin:0}
    .services{background:var(--paper)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
    .service{border:1px solid var(--line);background:var(--cream);padding:30px 30px 34px;min-height:350px;display:flex;flex-direction:column;transition:background .25s,transform .25s;border-radius:3px 30px 3px 3px}
    .service:hover{transform:translateY(-5px);background:#fffaf4}.service-number{color:var(--orange);font-weight:900;font-size:15px}.service-drawing{width:76px;height:76px;display:grid;place-items:center;border:1px solid #d5c6b5;border-radius:50%;margin:34px 0}.service-drawing svg{width:38px;height:38px;stroke:var(--navy)}
    .service h3{font-size:23px;line-height:1.2;letter-spacing:-.04em;margin:0 0 14px}.service p{line-height:1.7;color:#68635e;font-size:14px;margin:0 0 24px}.service .service-foot{margin-top:auto;color:#293744;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:800}
    .statement{background:var(--navy);color:var(--cream);padding:90px 0 100px}.statement-inner{display:grid;grid-template-columns:220px 1fr;gap:60px;align-items:start}.statement-icon{width:110px;height:148px;opacity:.96}.statement h2{font-size:clamp(40px,5vw,77px);line-height:1.11;letter-spacing:-.065em;margin:0;font-weight:800;max-width:1080px}.statement h2 em{font-style:normal;color:var(--orange)}.statement p{color:#c5c9ca;line-height:1.8;max-width:550px;margin:27px 0 0}
    .collab{background:var(--cream)}.collab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.collab-card{padding:32px;border:1px solid #c9bcae;border-radius:18px;min-height:340px;display:flex;flex-direction:column;transition:background .2s,transform .2s}.collab-card:hover{background:#fff9f2;transform:translateY(-3px)}.collab-card h3{font-size:27px;letter-spacing:-.05em;margin:30px 0 15px}.collab-card p{line-height:1.7;color:#615f5b;font-size:14px}.collab-card .index{font-size:11px;font-weight:800;letter-spacing:.15em;color:var(--orange)}.collab-card a{margin-top:auto;border-bottom:1px solid var(--navy);align-self:flex-start;font-size:12px;letter-spacing:.05em;font-weight:800;padding-bottom:7px}
    .projects{background:#e9e1d6}.projects-subrow{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:25px}.demo-note{font-size:11px;color:#746e65;margin:0;max-width:525px;line-height:1.5}
    .project-grid{display:grid;grid-template-columns:1.35fr .95fr;gap:18px}.project{position:relative;min-height:435px;overflow:hidden;display:block;border-radius:2px 36px 2px 2px;background:#a9a092}.project:nth-child(2){border-radius:2px 2px 36px 2px}.project:nth-child(3){grid-column:1/-1;min-height:330px;border-radius:2px 36px 2px 2px}
    .project img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;transition:transform .6s}.project:hover img{transform:scale(1.05)}.project:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,#0009)}.project-detail{position:absolute;bottom:26px;left:30px;right:30px;color:white;z-index:1;display:flex;align-items:end;justify-content:space-between;gap:12px}.project-detail h3{font-size:25px;letter-spacing:-.04em;margin:4px 0}.project-detail .little{letter-spacing:.12em;font-size:10px;text-transform:uppercase;font-weight:700}.project-detail .arrow{font-size:24px}
    .project-sketch{position:absolute;z-index:1;left:28px;top:24px;background:#ffffffeb;border-radius:8px;padding:12px;color:var(--navy);font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
    .process{background:var(--paper)}.process-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:50px}.process-step{border-top:1px solid #bdb1a4;padding:22px 6px 0}.process-step .num{font-size:52px;font-family:'Manrope',sans-serif;font-weight:800;color:var(--orange);letter-spacing:-.08em}.process-step h3{font-size:24px;margin:18px 0 10px}.process-step p{color:#706b64;line-height:1.65;max-width:270px}
    .about{background:var(--navy);color:var(--cream)}.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:center}.about p{color:#c6c7c5;line-height:1.85;font-size:16px}.quote-card{border:1px solid #53616c;padding:50px 42px;border-radius:26px 4px 26px 4px;position:relative}.quote-card .quote{font-size:clamp(29px,3vw,43px);font-weight:700;line-height:1.27;letter-spacing:-.05em;margin:0}.quote-card img{width:40px;height:58px;position:absolute;right:27px;bottom:27px}
    .faq{background:var(--cream)}.faq-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.faq details{border-bottom:1px solid #c9bdae;padding:24px 0}.faq summary{list-style:none;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-size:25px;font-weight:500;color:var(--orange)}.faq details[open] summary:after{content:'–'}.faq details p{line-height:1.75;color:#665f58;margin:13px 0 0;max-width:600px}
    .contact{background:var(--orange);color:var(--navy)}.contact-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}.contact h2{font-size:clamp(42px,6vw,91px);line-height:1.04;letter-spacing:-.075em;margin:18px 0 25px}.contact p{font-size:17px;line-height:1.65;max-width:520px}.contact-card{background:var(--cream);border-radius:20px 3px 20px 3px;padding:32px;box-shadow:0 22px 60px #0e1b2b22}.contact-card h3{margin:0 0 10px;font-size:23px;letter-spacing:-.04em}.contact-card label{display:block;margin:14px 0 6px;font-size:12px;font-weight:800}.contact-card input,.contact-card textarea{border:1px solid #cbbfb2;background:#fffdf9;border-radius:5px;padding:13px;width:100%;color:var(--navy)}.contact-card textarea{min-height:105px;resize:vertical}.contact-card .button{margin-top:15px;width:100%}.form-info{font-size:11px!important;color:#645e5b;line-height:1.6!important}.form-result{display:none;white-space:pre-wrap;line-height:1.5;font-size:13px;background:#e0eadf;padding:14px;border-radius:8px}
    footer{background:var(--navy);color:var(--cream);padding:55px 0 25px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:36px}.footer-grid p{color:#b1babe;font-size:14px}.footer-links{display:flex;gap:24px;flex-wrap:wrap;font-size:13px;justify-content:flex-end}.footer-end{border-top:1px solid #ffffff30;padding-top:22px;margin-top:62px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#9da9b0;flex-wrap:wrap}
    .site-caption{position:fixed;bottom:16px;left:16px;background:#f6ede4e8;color:#0e1b2b;padding:9px 12px;border:1px solid #dfc7af;box-shadow:0 3px 12px #0002;border-radius:8px;font-size:11px;z-index:12;font-weight:700}
    @media(max-width:1100px){.hero-grid{gap:30px}.hero-image-panel{min-height:570px}.hero h1{font-size:clamp(43px,5.3vw,64px)}.navlinks{gap:20px}.statement-inner{grid-template-columns:140px 1fr;gap:30px}}
    @media(max-width:850px){.container{padding:0 23px}.nav-inner{min-height:72px}.menu-toggle{display:block}.nav-action{display:none}.navlinks{display:none;position:absolute;top:72px;left:0;right:0;background:var(--navy);padding:26px;flex-direction:column;align-items:flex-start;z-index:40;border-bottom:1px solid #fff3}.navlinks.is-open{display:flex}.hero-grid{grid-template-columns:1fr;min-height:unset;padding-top:48px;padding-bottom:55px}.hero-content{max-width:100%}.hero-image-panel{height:500px;min-height:unset;max-width:100%}.hero-facts{margin-top:40px}.service-grid,.collab-grid,.process-row{grid-template-columns:1fr 1fr}.service-grid .service:last-child{grid-column:span 2}.about-grid,.faq-layout,.contact-inner{grid-template-columns:1fr;gap:32px}.statement-inner{grid-template-columns:80px 1fr}.statement-icon{width:70px;height:90px}.statement h2{font-size:43px}}
    @media(max-width:580px){.container{padding:0 19px}.brand{font-size:12px}.brand img{width:20px;height:29px}.hero h1{font-size:clamp(42px,9.7vw,59px)}.hero-grid{padding-top:44px;gap:40px}.hero .intro{font-size:15px}.hero-image-panel{height:400px;border-radius:70px 12px 12px 12px}.hero-image-caption{bottom:20px;left:20px}.hero-actions{gap:10px}.hero-actions .button{width:100%}.section{padding:72px 0}.section-top{flex-direction:column;align-items:flex-start;gap:5px;margin-bottom:30px}.section-title{font-size:clamp(35px,9vw,46px)}.service-grid,.collab-grid,.process-row,.project-grid{grid-template-columns:1fr}.service-grid .service:last-child,.project:nth-child(3){grid-column:initial}.service{min-height:270px}.project,.project:nth-child(3){min-height:310px}.ticker-inner{gap:13px}.ticker-inner span{font-size:10px}.ticker-inner span:last-child{display:none}.statement{padding:70px 0}.statement-inner{grid-template-columns:1fr}.statement-icon{height:80px;width:60px}.statement h2{font-size:40px}.about-grid{gap:33px}.quote-card{padding:34px 25px}.contact-card{padding:24px}.footer-grid{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.site-caption{font-size:10px;right:12px;left:12px;text-align:center}.preview-notice{font-size:10px}}
    @media(prefers-reduced-motion: reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
      /* Concept 03: minimal, trust-first contact flow for business visitors. */





    .project img[src$=".svg"]{object-fit:cover}
    html{scroll-padding-top:105px}

      /* The contact section stays calm and premium; orange is an accent. */
    .contact{background:#e9e1d6;color:var(--navy)}
    .contact-card{box-shadow:0 18px 55px #0e1b2b13;border-radius:22px;padding:34px}
    .contact-card h3{font-size:28px}.form-intro{font-size:13px!important;color:#5f5b57;line-height:1.65!important;margin:0 0 15px!important}
    .contact-card textarea{min-height:72px}.contact-card .optional{color:#77716c;font-weight:400}
    .interest-fieldset{border:0;margin:17px 0 6px;padding:0;min-width:0}
    .interest-fieldset legend{font-size:12px;font-weight:800;margin-bottom:10px}
    .interest-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}
    .interest-option{display:flex!important;gap:9px;align-items:center;min-height:50px;padding:10px 12px;border-radius:9px;background:#fffaf5;border:1px solid #d6cbbb;margin:0!important;font-size:12px!important;line-height:1.35;cursor:pointer}
    .interest-option:hover{border-color:#b5a391}.interest-option:has(input:checked){background:#f4e8d8;border-color:var(--navy)}
    .interest-option input{width:16px!important;height:16px!important;accent-color:var(--navy);flex:none;margin:0}
    .contact-card input:focus,.contact-card textarea:focus{outline:2px solid var(--orange);outline-offset:2px}
    .contact-card .form-info{margin-top:16px!important}
    .footer-end{font-size:11px}
    @media(max-width:580px){.interest-options{grid-template-columns:1fr}.contact-card{padding:25px}.contact-card .button{font-size:12px;gap:8px}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.service,.collab-card,.project img,.hero-image-panel img{transition:none!important}}

    /* CONCEPT 04 — carefully paced motion, with reduced-motion and no-JS fallbacks. */
    .scroll-progress{height:3px;position:fixed;left:0;top:0;z-index:95;background:var(--orange);width:0;pointer-events:none;transform-origin:left;box-shadow:0 0 8px #ff6a3d55}
    header{transition:box-shadow .35s ease, background .35s ease}
    header.has-scrolled{box-shadow:0 12px 28px #0e1b2b24;background:#0c1828}
    .navlinks a{position:relative}
    .navlinks a::after{content:"";position:absolute;left:0;bottom:-9px;width:100%;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
    .navlinks a:hover::after,.navlinks a.is-active::after{transform:scaleX(1)}
    .navlinks a.is-active{color:var(--orange)}
    .button{position:relative;overflow:hidden;transition:transform .25s ease, background .25s ease,color .25s ease,box-shadow .25s ease}
    .button:hover{transform:translateY(-2px);box-shadow:0 10px 22px #0e1b2b22}
    .button svg{transition:transform .25s ease}
    .button:hover svg{transform:translateX(3px)}
    .nav-action{transition:transform .2s,background .2s}.nav-action:hover{transform:translateY(-2px)}
    .hero-image-panel{isolation:isolate;transition:box-shadow .6s ease}
    .hero-image-panel:hover{box-shadow:0 34px 80px #0e1b2b35}
    .hero-image-panel img{transform:translate3d(0,var(--hero-y,0px),0) scale(1.025);transition:transform .8s cubic-bezier(.2,.7,.2,1)}
    .hero-image-panel:hover img{transform:translate3d(0,var(--hero-y,0px),0) scale(1.055)}
    .hero-image-panel::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(125deg,#fff2 0%,transparent 36%,#0e1b2b05 65%)}
    .scroll-cue{display:flex;align-items:center;gap:13px;margin-top:22px;color:#80766c;font-size:10px;letter-spacing:.17em;font-weight:800}
    .scroll-stem{display:inline-block;width:39px;height:1px;background:var(--orange)}
    /* Content is visible unless JS confirms that safe, accessible reveals are available. */
    .js-motion .reveal{opacity:0;transform:translate3d(0,20px,0);transition:opacity .74s cubic-bezier(.22,1,.36,1),transform .74s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms)}
    .js-motion .reveal.is-visible{opacity:1;transform:translate3d(0,0,0)}
    /* Editorial: the hero gets a welcoming, quick initial appearance. */
    @keyframes hero-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
    .hero-content{animation:hero-arrive .7s ease-out both}
    .hero-image-panel{animation:hero-arrive .85s .12s ease-out both}
    .section-top{position:relative}
    .section-top:after{content:"";position:absolute;bottom:-24px;left:0;width:82px;height:2px;background:var(--orange);transform:scaleX(.35);transform-origin:left;transition:transform .9s ease .15s}
    .section-top.is-visible:after{transform:scaleX(1)}
    .service,.collab-card{will-change:auto;box-shadow:0 3px 10px transparent;transition:background .26s,transform .26s,box-shadow .3s}
    .service:hover,.collab-card:hover{box-shadow:0 18px 42px #0e1b2b12}
    .statement,.about{position:relative;isolation:isolate}
    .statement:before,.about:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#ff6a3d66 52%,transparent)}
    .statement-icon{transition:transform 1s cubic-bezier(.2,.8,.2,1)}
    .statement-inner.is-visible .statement-icon{transform:translateY(-7px)}
    .projects{background:#e9e1d6}
    .project{appearance:none;border:0;font:inherit;width:100%;text-align:left;cursor:pointer;isolation:isolate;transition:box-shadow .35s}
    .project:hover,.project:focus-visible{box-shadow:0 26px 48px #0e1b2b27}
    .project img{filter:saturate(.92);transition:transform .8s cubic-bezier(.19,1,.22,1),filter .6s ease}
    .project:hover img,.project:focus-visible img{filter:saturate(1.05);transform:scale(1.045)}
    .project-detail{transition:transform .35s ease}
    .project:hover .project-detail,.project:focus-visible .project-detail{transform:translateY(-5px)}
    .project-view{position:absolute;right:20px;top:22px;z-index:2;background:var(--orange);color:var(--navy);font-size:10px;font-weight:800;letter-spacing:.05em;padding:10px 15px;border-radius:30px;opacity:0;transform:translateY(9px);transition:opacity .35s,transform .35s;pointer-events:none}
    .project:hover .project-view,.project:focus-visible .project-view{opacity:1;transform:translateY(0)}
    .project-viewer{border:0;padding:0;width:min(900px,calc(100vw - 28px));max-height:min(92vh,950px);border-radius:22px;background:var(--cream);color:var(--navy);overflow:auto;box-shadow:0 30px 100px #0005}
    .project-viewer::backdrop{background:#07121ce0;backdrop-filter:blur(7px)}
    .viewer-close{position:sticky;display:grid;place-items:center;margin:12px 12px -54px auto;top:12px;z-index:4;background:var(--navy);color:var(--cream);width:42px;height:42px;border-radius:100%;border:1px solid #fff6;font-size:24px;line-height:1}
    .viewer-image-wrap{background:#d9d1c6;min-height:230px}.viewer-image-wrap img{width:100%;height:auto;max-height:56vh;min-height:230px;display:block;object-fit:contain}
    .viewer-copy{padding:25px 34px 35px}.viewer-copy h2{font-family:Manrope,'DM Sans',sans-serif;font-size:clamp(28px,4vw,45px);letter-spacing:-.06em;margin:12px 0}.viewer-copy p{font-size:15px;line-height:1.7;color:#625c55;max-width:640px}
    .contact-copy{position:relative}
    .contact-copy::after{content:"";position:absolute;z-index:0;pointer-events:none;right:-20px;bottom:-60px;width:135px;height:190px;background:url('assets/vlambaar-d734adf005f1.svg') center/contain no-repeat;opacity:.09;transform:rotate(-9deg)}
    .contact-copy>*{position:relative;z-index:1}
    .contact-card{transition:box-shadow .35s}.contact-card:hover{box-shadow:0 28px 65px #0e1b2b20}
    .interest-option{transition:background .2s,border-color .2s,transform .2s}.interest-option:hover{transform:translateY(-1px)}
    .faq details p{animation:faq-open .25s ease-out both}
    @keyframes faq-open{from{opacity:.5;transform:translateY(-3px)}to{opacity:1;transform:none}}
    @media(hover:none){.project-view{opacity:1;transform:none}}
    @media(max-width:850px){.navlinks a::after{bottom:-4px}.navlinks a.is-active:after{transform:scaleX(.38)} }
    @media(max-width:580px){.scroll-cue{font-size:9px;margin-top:15px}.project-view{top:16px;right:14px;font-size:9px;padding:8px 11px}.contact-copy::after{width:100px;height:145px;right:0}.viewer-copy{padding:20px}}
    @media(prefers-reduced-motion:reduce){.js-motion .reveal{opacity:1!important;transform:none!important}.hero-content,.hero-image-panel{animation:none!important}.hero-image-panel img{transform:none!important}.section-top:after{transform:scaleX(1)!important}.statement-icon{transform:none!important}.faq details p{animation:none!important}.project-view{transition:none!important}.button svg{transition:none!important}}
  

    /* Final mobile polish: readable photo caption and no floating concept label over CTAs. */
    @media(max-width:850px){.contact-copy::after{right:0}}
    @media(max-width:580px){
      .site-caption{display:none}
      .hero-image-caption{flex-direction:column;align-items:flex-start;gap:5px;left:20px;right:20px;bottom:19px}
      .hero-image-caption span{max-width:100%;text-align:left;font-size:10px}
      .hero-image-caption b{font-size:16px}
      .scroll-cue{display:none}
      .project:nth-child(3){border-radius:2px 30px 2px 2px}
    }

  
    /* Concept 05 — the orange brand moment, inspired by the original concept. */
    .brand .brand-flame{display:block;width:25px;height:33px;flex:none;object-fit:contain}
    .brand .brand-wordmark{display:block;width:192px;height:auto;max-height:32px;object-fit:contain;flex:none}
    .studio-splash{position:relative;overflow:hidden;background:var(--orange);color:var(--navy);padding:105px 0 110px;isolation:isolate}
    .studio-splash::before{content:"";position:absolute;inset:0;opacity:.18;background:radial-gradient(ellipse at 88% -10%,#ffbf8b 0,transparent 46%);pointer-events:none}
    .splash-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.65fr);gap:60px;align-items:center;position:relative;z-index:1}
    .splash-copy{max-width:760px}
    .splash-eyebrow{display:inline-flex;align-items:center;gap:12px}
    .splash-eyebrow::before{content:"";height:2px;width:30px;background:currentColor}
    .splash-copy h2{font-family:'Manrope','DM Sans',sans-serif;font-weight:800;font-size:clamp(60px,7vw,110px);letter-spacing:-.08em;line-height:.99;margin:22px 0 24px}
    .splash-copy h2 span{font-weight:800}
    .splash-copy p{font-size:clamp(16px,1.4vw,18px);line-height:1.7;max-width:560px;margin:0 0 29px}
    .splash-button{background:var(--navy);color:var(--cream);min-height:54px;gap:35px}
    .splash-button:hover{background:#213b50;color:#fff}
    .splash-art{position:relative;min-height:350px;display:grid;place-items:center}
    .splash-ring{border:1px solid #0e1b2b59;border-radius:50%;position:absolute;aspect-ratio:1;transform:rotate(-13deg)}
    .ring-outer{width:min(390px,100%)}.ring-middle{width:min(276px,74%)}
    .splash-flame{width:115px;height:155px;object-fit:contain;position:relative;z-index:2;transform:rotate(-7deg);transition:transform .7s cubic-bezier(.2,.8,.2,1)}
    .studio-splash:hover .splash-flame{transform:rotate(0deg) translateY(-7px)}
    .splash-tiny{position:absolute;bottom:0;right:12px;font-size:10px;font-weight:800;letter-spacing:.15em;line-height:1.6;text-align:right}
    .studio-splash .splash-copy>*{transition:transform .5s ease,opacity .5s ease}
    @media(max-width:850px){.splash-grid{grid-template-columns:1fr;gap:5px}.studio-splash{padding:80px 0}.splash-art{min-height:220px}.ring-outer{width:230px}.ring-middle{width:150px}.splash-flame{width:76px;height:105px}.splash-tiny{right:6px;bottom:4px}.brand .brand-wordmark{width:175px}}
    @media(max-width:580px){.studio-splash{padding:68px 0 58px}.splash-copy h2{font-size:clamp(58px,13vw,75px)}.splash-copy p{font-size:15px}.splash-art{min-height:180px}.ring-outer{width:195px}.ring-middle{width:130px}.splash-tiny{font-size:8px;right:0}.brand .brand-wordmark{width:155px}.brand .brand-flame{width:23px;height:31px}}
    @media(prefers-reduced-motion:reduce){.splash-flame,.studio-splash .splash-copy>*{transition:none!important;transform:none!important}}
  
/* WordPress content spacing on supplementary pages */
.sv-innerpage{max-width:900px;margin:0 auto;padding:125px 20px 90px}.sv-innerpage h1{font-size:clamp(36px,5vw,64px)}.sv-innerpage p{line-height:1.8}

.sv-honeypot{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
body.admin-bar header{top:32px}@media(max-width:782px){body.admin-bar header{top:46px}}