@font-face{font-family:Poppins;src:url('assets/fonts/poppins-200.woff2') format('woff2');font-weight:200;font-style:normal;font-display:swap}
@font-face{font-family:Poppins;src:url('assets/fonts/poppins-300.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:Poppins;src:url('assets/fonts/poppins-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Poppins;src:url('assets/fonts/poppins-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Poppins;src:url('assets/fonts/poppins-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Poppins;src:url('assets/fonts/poppins-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Poppins;src:url('assets/fonts/poppins-800.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:Fraunces;src:url('assets/fonts/fraunces.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--paper:#f7f3e9;--ink:#272d2d;--accent:#540D6E;--pink:#efb8c7;--gold:#e09a06;--line:rgba(37,59,48,.22);--serif:Fraunces,Georgia,serif;--sans:Poppins,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.65}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}button:disabled{cursor:default}img{display:block;width:100%;height:auto}button{border:0;background:none}button[hidden],[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2{font-weight:500;letter-spacing:-.055em;line-height:1.02}h1 em,h2 em{font-family:var(--serif);font-weight:450}h2{font-size:clamp(42px,5.2vw,74px)}h3{font-weight:600}p{font-size:15px;line-height:1.8}.wrap{width:min(1304px,calc(100% - 112px));margin-inline:auto}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.15em;line-height:1.5}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:16px 24px;border-radius:40px;font-size:12px;font-weight:650;line-height:1.5;transition:background .2s,transform .2s}.button:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-2px)}.button span{font-size:23px;font-weight:400;line-height:1}.text-link{display:inline-flex;gap:24px;align-items:center;font-size:12px;font-weight:650;border-bottom:1px solid currentColor;padding-bottom:5px}.text-link span{font-size:20px}.skip-link{position:fixed;left:12px;top:-100px;z-index:100;padding:10px;background:var(--paper)}.skip-link:focus{top:10px}
.concept-bar{min-height:43px;padding:6px 24px;display:flex;align-items:center;justify-content:center;gap:35px;background:#272d2d;color:#f7f3e9;position:relative;z-index:20;font-size:10px;letter-spacing:.08em}.concept-label{white-space:nowrap;font-size:8px}.concept-label span{opacity:.65}.concept-bar>div{display:flex;gap:8px}.concept-bar button{color:inherit;font-size:10px;letter-spacing:.01em;padding:5px 12px;border-radius:20px;white-space:nowrap}.concept-bar button[aria-pressed=true]{background:#f7f3e9;color:#272d2d}.concept-bar button:not([aria-pressed=true]):hover{background:#ffffff20}.concept-info{border:1px solid #ffffff60!important;width:23px;height:23px;line-height:1;padding:0!important;border-radius:100%;font-family:Georgia;font-style:italic}.site-header{display:flex;align-items:center;justify-content:space-between;height:115px;border-bottom:1px solid var(--line)}.brand{width:153px;display:block}.brand img{object-fit:contain}.site-header nav{display:flex;gap:38px;font-size:12px;font-weight:600}.site-header nav a{position:relative}.site-header nav a:after{content:'';display:block;border-bottom:1px solid;width:0;transition:width .2s}.site-header nav a:hover:after{width:100%}.header-contact{font-weight:650;font-size:12px;display:flex;align-items:center;gap:26px}.header-contact span{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:20px}.menu-toggle{display:none}.mobile-menu{padding:20px 28px;border-bottom:1px solid var(--line)}.mobile-menu a{display:block;padding:12px 0}
.hero-solar{display:grid;grid-template-columns:1.06fr 1fr;min-height:625px;padding-block:66px 57px;gap:24px}.hero-copy{position:relative;z-index:2}.hero-copy .eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:25px}.tiny-star{font-size:21px;line-height:1;color:var(--accent)}.hero-solar h1{font-size:clamp(60px,6.65vw,98px);max-width:740px}.hero-solar h1 em{color:var(--accent)}.dot{color:var(--accent)}.hero-copy>p:not(.eyebrow){margin-top:25px;line-height:1.75;font-size:14px}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:28px}.hero-actions .text-link{font-size:11px;gap:12px}.hero-signature{display:flex;gap:14px;align-items:center;margin-top:16px;max-width:355px;justify-content:flex-end;color:var(--accent)}.handdrawn{font-family:var(--serif);font-style:italic;font-size:12px}.hero-signature>span:last-child{font-size:25px;transform:rotate(-20deg)}.hero-art{height:510px;position:relative;margin-top:4px}.art{position:absolute;overflow:hidden;padding:0;box-shadow:0 10px 20px #272d2d10;transition:transform .3s;outline-offset:5px!important}.art img{height:100%;object-fit:cover}.art-illustration{top:22px;right:5%;width:58%;height:335px;transform:rotate(7deg)}.art-illustration:hover{transform:rotate(3deg) scale(1.03)}.art-book{left:0;top:82px;width:49%;height:255px;transform:rotate(-9deg);z-index:2}.art-book img{object-fit:cover}.art-book:hover{transform:rotate(-4deg) scale(1.03)}.art-package{right:2%;bottom:15px;width:64%;height:220px;transform:rotate(-5deg);z-index:3}.art-package:hover{transform:rotate(0) scale(1.03)}.art-note{position:absolute;left:3%;top:0;font-family:var(--serif);font-size:16px;font-style:italic;transform:rotate(-7deg)}.hero-flower{position:absolute;top:10px;right:-2%;color:var(--pink);width:90px;transform:rotate(24deg);z-index:4;pointer-events:none}.hero-flower svg{display:block}.art-stamp{position:absolute;width:112px;height:112px;display:grid;place-content:center;text-align:center;background:var(--pink);border-radius:50%;font-size:13px;line-height:1.35;left:4%;bottom:10px;z-index:5;transform:rotate(-15deg);font-family:var(--serif);font-style:italic}.art-label{position:absolute;left:28%;bottom:-24px;font-size:8px;letter-spacing:.2em}.ribbon{background:var(--pink);border-block:1px solid #272d2d10;overflow:hidden;padding:17px 0}.ribbon>div{width:max-content;display:flex;align-items:center;gap:32px;font-size:12px;font-weight:650;letter-spacing:.08em;transform:translateX(-16px)}.ribbon span{font-size:21px;line-height:1}.ribbon>div>span:last-child{font-size:12px;display:flex;align-items:center;gap:32px}
.projects-section{padding-block:94px 80px}.section-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:35px}.section-top .eyebrow{margin-bottom:17px}.section-top>p{max-width:300px;margin-bottom:4px;font-size:13px;line-height:1.8}.section-top h2 em{color:var(--accent)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:36px 0 35px}.filters button{font-size:11px;padding:9px 17px;border:1px solid var(--line);border-radius:24px;transition:background .2s}.filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.filters button:hover{border-color:var(--ink)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:43px 27px}.project-card{text-align:left;padding:0;min-width:0}.project-image{position:relative;overflow:hidden;background:#e8e3d9;aspect-ratio:1.32}.project-image img{height:100%;object-fit:cover;transition:transform .6s}.project-card:hover .project-image img{transform:scale(1.035)}.project-open{position:absolute;right:18px;bottom:18px;width:39px;height:39px;border-radius:50%;background:var(--paper);color:var(--ink);display:grid;place-items:center;font-size:22px;transform:translateY(70px);transition:transform .25s}.project-card:hover .project-open,.project-card:focus-visible .project-open{transform:none}.project-badge{position:absolute;left:16px;top:16px;font-size:8px;letter-spacing:.08em;text-transform:uppercase;background:var(--paper);padding:5px 9px}.project-caption{display:flex;gap:20px;justify-content:space-between;align-items:center;padding-top:14px}.project-client{font-size:9px;letter-spacing:.05em;text-transform:uppercase}.project-caption h3{font-size:17px;letter-spacing:-.03em;margin-top:2px}.project-category{font-size:9px;white-space:nowrap;border:1px solid var(--line);padding:5px 10px;border-radius:20px}.more-wrap{text-align:center;margin-top:43px}.more-wrap p{font-size:10px;opacity:.7;margin-bottom:12px}.button-outline{background:transparent;color:var(--ink);border-color:var(--line)}.button-outline:hover{color:var(--paper)}
.services-section{padding:85px 0 78px;background:var(--ink);color:var(--paper)}.services-section h2 em{color:var(--pink)}.service-flower{color:var(--gold);width:100px;display:block;margin-right:28px}.service-flower svg{width:100%;display:block}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:45px;border-top:1px solid #f7f3e947}.service{padding:25px 22px 0;border-right:1px solid #f7f3e947;position:relative}.service:first-child{padding-left:0}.service:last-child{border:0;padding-right:0}.service-num{font-size:9px;opacity:.6}.service-symbol{font-size:66px;line-height:1;margin:22px 0 27px;color:var(--pink);height:66px}.symbol-1{color:var(--gold)}.symbol-2{color:#b0c4a0}.symbol-3{color:#eb7f55}.service h3{font-size:19px;letter-spacing:-.04em}.service p{font-size:11px;line-height:1.8;opacity:.8;max-width:240px}.service p.service-tagline{opacity:1;font-weight:600;margin:14px 0 8px}.service-cta{padding:0 0 5px;margin-top:25px;border-bottom:1px solid #f7f3e966;width:100%;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--paper)}.service-cta span{font-size:23px}.service-cta:hover{color:var(--pink)}
.about-section{display:grid;grid-template-columns:1fr 1fr;gap:95px;padding-block:116px 100px;align-items:center}.about-art{position:relative;min-height:430px;display:grid;place-items:center}.about-shape{position:absolute;width:85%;aspect-ratio:1;background:var(--pink);border-radius:46% 54% 45% 55%/55% 40% 60% 45%;transform:rotate(15deg)}.about-art img{width:88%;position:relative;mix-blend-mode:normal}.about-art>svg{position:absolute;width:70px;color:var(--gold);right:0;top:0}.about-note{position:absolute;bottom:0;left:0;font-family:var(--serif);font-style:italic;font-size:26px;line-height:1.1;color:var(--accent);transform:rotate(-8deg)}.about-copy .eyebrow{margin-bottom:18px}.about-copy h2{font-size:clamp(40px,4.5vw,64px);margin-bottom:24px}.about-copy h2 em{color:var(--accent)}.about-copy>p:not(.eyebrow){font-size:12px;line-height:1.9;margin-top:14px;max-width:430px}.about-copy .text-link{margin-top:25px}.client-section{border-block:1px solid var(--line);padding-block:30px 34px;text-align:center}.client-section .eyebrow{font-size:8px;opacity:.7}.client-names{display:flex;justify-content:space-around;align-items:center;gap:25px;margin-top:25px}.client-names>span{font-family:var(--serif);font-size:23px;line-height:1.1;letter-spacing:-.035em}.client-names>span:first-child{font-family:var(--sans);font-weight:800;font-size:26px}.client-small{display:block;font-size:7px;letter-spacing:.25em;margin-top:5px}.process-section{padding-block:100px 96px}.process-section h2{font-size:clamp(40px,4.7vw,66px)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:50px}.steps article{border-top:1px solid var(--line);padding-top:16px}.steps article>span{font-family:var(--serif);font-size:28px;color:var(--accent)}.steps h3{font-size:15px;margin:16px 0 10px;letter-spacing:-.03em}.steps p{font-size:11px;line-height:1.85;max-width:235px}
.contact-section{background:var(--pink);padding:83px 0 80px}.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.contact-copy{position:relative}.contact-copy .eyebrow{margin-bottom:25px}.contact-copy h2{font-size:clamp(50px,5.5vw,79px)}.contact-copy h2 em{color:var(--accent)}.contact-copy>p:not(.eyebrow){font-size:12px;line-height:1.85;margin-top:25px}.email-link{display:inline-flex;align-items:center;gap:16px;font-size:12px;border-bottom:1px solid var(--line);margin-top:25px;padding-bottom:5px}.contact-flower{display:block;width:100px;margin-top:35px;color:var(--accent);transform:rotate(20deg)}form{min-width:0;padding-top:4px}fieldset{border:0;padding:0;margin:0 0 25px}legend{font-size:12px;font-weight:650;margin-bottom:13px}legend>span{font-size:10px}form label{display:flex;flex-direction:column;font-size:10px;font-weight:650;gap:7px;min-width:0}.service-options{display:flex;flex-wrap:wrap;gap:7px}.service-options label{display:block;position:relative;cursor:pointer}.service-options input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}.service-options label>span{display:block;border:1px solid #272d2d55;border-radius:30px;font-size:10px;padding:7px 13px;transition:background .2s}.service-options input:checked+span{background:var(--ink);color:var(--paper);border-color:var(--ink)}.service-options input:focus-visible+span{outline:3px solid var(--accent);outline-offset:3px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:20px}input,select,textarea{background:transparent;border:0;border-bottom:1px solid #272d2d60;border-radius:0;color:var(--ink);padding:8px 0 11px;width:100%;font-size:12px;font-weight:400;min-width:0}textarea{resize:vertical;min-height:90px}input::placeholder,textarea::placeholder{color:#272d2d;opacity:.85}form>.button{margin-top:25px;width:100%}form .form-note{font-size:9px;line-height:1.7;opacity:.8;margin-top:12px}.brief-result{margin-top:20px;padding:20px;border:1px solid var(--ink);font-size:12px}.brief-result p{font-size:11px}.brief-result textarea{font-size:11px;min-height:160px;margin-block:10px}.copy-brief{border-bottom:1px solid;padding:0;font-size:12px;font-weight:700}.faq-section{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;padding-block:90px}.faq-section .eyebrow{margin-bottom:18px}.faq-section h2{font-size:clamp(38px,4.5vw,61px)}.faq-section h2 em{color:var(--accent)}details{border-bottom:1px solid var(--line);padding:20px 0}details:first-child{border-top:1px solid var(--line)}summary{list-style:none;font-size:12px;font-weight:650;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center}summary::-webkit-details-marker{display:none}summary span{font-size:22px;font-weight:400}details[open] summary span{transform:rotate(45deg)}details p{font-size:12px;margin-top:14px;max-width:480px;line-height:1.85}.site-footer{border-top:1px solid var(--line);padding-block:45px 22px;display:grid;grid-template-columns:1fr 1fr;gap:45px}.site-footer .brand{width:155px}.site-footer p{font-size:11px;line-height:1.8;margin-top:18px}.footer-links{display:flex;gap:30px;justify-content:flex-end;align-items:flex-start;padding-top:18px;font-size:11px}.footer-links a{border-bottom:1px solid var(--line);padding-bottom:4px}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:20px;font-size:8px}
dialog{border:0;padding:0;background:var(--paper);color:var(--ink);width:min(1000px,calc(100% - 48px));max-height:90dvh;overscroll-behavior:contain}dialog::backdrop{background:#272d2dbb;backdrop-filter:blur(5px)}.dialog-open{overflow:hidden}.close-dialog{position:sticky;top:16px;left:calc(100% - 56px);margin:16px 16px 0;width:36px;height:36px;background:var(--paper);border:1px solid var(--line);border-radius:50%;z-index:5}.project-detail-head{padding:15px 55px 35px}.project-detail-head h2{font-size:clamp(34px,5vw,65px);margin:18px 0}.detail-client{font-size:13px;font-weight:700}.detail-desc{max-width:680px;font-size:13px;margin-top:20px}.detail-images{display:grid;gap:14px;padding:0 24px}.detail-images img{max-height:850px;object-fit:contain;background:#e7e4dc}.detail-bottom{padding:35px 45px 45px;display:flex;justify-content:space-between;align-items:center;gap:25px}.concept-dialog{max-width:760px;padding:0 45px 40px}.concept-dialog .close-dialog{left:100%;margin-right:0}.concept-dialog h2{font-size:54px;margin:20px 0 35px}.concept-dialog article{border-top:1px solid var(--line);padding:25px 0}.concept-dialog article>span{font-size:9px;letter-spacing:.1em}.concept-dialog h3{font-family:var(--serif);font-weight:500;font-size:25px;margin:8px 0}.concept-dialog p{font-size:12px}.prototype-note{border-top:1px solid var(--line);padding-top:20px;font-size:10px!important}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,30px);opacity:0;pointer-events:none;background:var(--ink);color:var(--paper);padding:12px 24px;border-radius:8px;z-index:100;font-size:12px;transition:all .25s;max-width:90vw}.toast.visible{opacity:1;transform:translate(-50%,0)}
/* Direction 02 — a gallery with editorial rhythm. */
body[data-concept=editorial]{--paper:#faf9f5;--ink:#292723;--accent:#540D6E;--pink:#dfcbb7;--line:#29272330}body[data-concept=editorial] h2{font-family:var(--serif);font-weight:400;letter-spacing:-.055em}body[data-concept=editorial] .button{border-radius:0}.hero-editorial{text-align:center;padding-block:62px 40px}.hero-editorial h1{font-family:var(--serif);font-size:clamp(66px,8.5vw,122px);font-weight:400;margin-top:22px}.hero-editorial h1 em{color:var(--accent)}.editorial-intro{display:flex;justify-content:space-between;align-items:center;text-align:left;margin-block:35px}.editorial-intro p{font-size:12px}.editorial-strip{display:grid;grid-template-columns:1fr .76fr 1fr;gap:16px;align-items:stretch}.editorial-strip button{padding:0;overflow:hidden;height:335px}.editorial-strip button img{height:100%;object-fit:cover;transition:transform .6s}.editorial-strip button:hover img{transform:scale(1.04)}.image-caption{display:flex;justify-content:space-between;font-size:9px;margin-top:14px}.image-caption a{border-bottom:1px solid var(--line)}body[data-concept=editorial] .ribbon{padding-block:12px;background:transparent;border-block:1px solid var(--line)}body[data-concept=editorial] .ribbon>div{font-size:10px;letter-spacing:.18em}body[data-concept=editorial] .project-grid{grid-template-columns:repeat(3,1fr);gap:40px 22px}body[data-concept=editorial] .project-image{aspect-ratio:.92}body[data-concept=editorial] .project-caption{display:block}body[data-concept=editorial] .project-category{display:inline-block;margin-top:10px;border:0;padding:0;opacity:.7}body[data-concept=editorial] .project-caption h3{font-family:var(--serif);font-weight:450;font-size:23px}body[data-concept=editorial] .services-section{background:#e8e2d8;color:var(--ink)}body[data-concept=editorial] .services-section h2 em{color:var(--accent)}body[data-concept=editorial] .services-grid{border-color:var(--line)}body[data-concept=editorial] .service{border-color:var(--line)}body[data-concept=editorial] .service-symbol{color:var(--accent)}body[data-concept=editorial] .service-cta{color:var(--ink);border-color:var(--line)}body[data-concept=editorial] .service-flower{color:var(--accent)}body[data-concept=editorial] .about-shape{background:#dfcbb7;border-radius:50% 50% 0 0;transform:none}body[data-concept=editorial] .contact-section{background:#e8e2d8}
/* Direction 03 — bold scale, applied work and a studio presence. */
body[data-concept=studio]{--paper:#f4f1e4;--ink:#272d2d;--accent:#540D6E;--pink:#e7b4c3;--line:#272d2d38}body[data-concept=studio] .site-header{border-bottom:0}body[data-concept=studio] .button{border-radius:4px}.hero-studio{display:grid;grid-template-columns:1fr 1fr;min-height:650px;background:var(--ink);color:var(--paper)}.studio-copy{padding:65px 40px 42px max(56px,calc((100vw - 1304px)/2));display:flex;flex-direction:column;align-items:flex-start}.studio-copy h1{font-size:clamp(62px,6.8vw,98px);margin:25px 0}.studio-copy h1 em{color:var(--gold)}.studio-copy>p:not(.eyebrow){font-size:13px;line-height:1.8}.studio-copy>.button{background:var(--gold);border-color:var(--gold);color:var(--ink);margin-top:30px}.studio-copy>.button:hover{background:var(--pink)}.studio-foot{font-size:8px;letter-spacing:.12em;margin-top:35px;opacity:.65}.studio-image{position:relative;padding:0;overflow:hidden;min-width:0}.studio-image img{height:100%;object-fit:cover;transition:transform .7s}.studio-image:hover img{transform:scale(1.04)}.studio-image>span{position:absolute;bottom:26px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.12em;background:var(--paper);color:var(--ink);padding:15px 20px}.studio-image>span span{font-size:23px}body[data-concept=studio] .ribbon{background:var(--gold)}body[data-concept=studio] .services-section{background:#e6e8da;color:var(--ink)}body[data-concept=studio] .services-section h2 em{color:var(--accent)}body[data-concept=studio] .services-grid{border:0;gap:12px}body[data-concept=studio] .service{padding:25px 20px;border:0;background:var(--pink)}body[data-concept=studio] .service:nth-child(2){background:#e9b54c}body[data-concept=studio] .service:nth-child(3){background:#c6d2b4}body[data-concept=studio] .service:nth-child(4){background:#e2a280}body[data-concept=studio] .service-symbol{color:var(--ink)}body[data-concept=studio] .service-cta{color:var(--ink);border-color:var(--line)}body[data-concept=studio] .service-flower{color:var(--ink)}body[data-concept=studio] .contact-section{background:var(--gold)}
@media(min-width:1550px){.hero-solar{min-height:700px;padding-block:75px}.hero-art{height:540px}.art-illustration{height:360px}.art-book{height:280px}.art-package{height:240px}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.hero-solar{gap:10px;min-height:590px;padding-block:60px}.hero-solar h1{font-size:7.1vw}.hero-art{height:450px}.art-illustration{height:290px}.art-book{height:215px}.art-package{height:190px;bottom:25px}.hero-actions{gap:16px;flex-wrap:wrap}.concept-bar{gap:17px}.concept-label{font-size:7px}.concept-bar button{padding:5px 9px;font-size:9px}.about-section{gap:55px}.contact-layout,.faq-section{gap:45px}.service{padding-inline:16px}.service h3{font-size:17px}.studio-copy{padding-left:36px}.hero-studio{min-height:600px}.studio-copy h1{font-size:7.2vw}.editorial-strip button{height:280px}}
@media(max-width:760px){html{scroll-padding-top:66px}.wrap{width:calc(100% - 40px)}.concept-bar{padding:8px 10px;gap:8px;min-height:49px;position:sticky;top:0}.concept-label{display:none}.concept-bar>div{gap:2px;flex:1;justify-content:space-around}.concept-bar button{font-size:9px;padding:6px 8px}.concept-bar button span{font-size:9px}.concept-bar .concept-info{flex:none;width:20px;height:20px}.site-header{height:88px}.brand{width:130px}.site-header nav,.header-contact{display:none}.menu-toggle{display:flex;flex-direction:column;gap:6px;padding:10px 0 10px 14px;width:42px;height:40px;justify-content:center}.menu-toggle span{height:1.5px;width:28px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.8px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.8px) rotate(-45deg)}.hero-solar{grid-template-columns:1fr;padding-block:34px 43px;gap:24px}.eyebrow{font-size:8px;letter-spacing:.11em}.hero-copy .eyebrow{margin-bottom:21px}.tiny-star{font-size:17px}.hero-solar h1{font-size:clamp(48px,12.5vw,85px);letter-spacing:-.055em}.hero-copy>p:not(.eyebrow){font-size:12px;margin-top:22px}.desktop{display:none}.hero-actions{gap:21px;margin-top:24px;flex-wrap:nowrap}.button{font-size:11px;padding:13px 20px;gap:20px}.hero-actions .text-link{font-size:9px;gap:9px;white-space:nowrap}.hero-signature{justify-content:flex-start;margin-top:12px}.handdrawn{font-size:10px}.hero-signature>span:last-child{font-size:22px}.hero-art{height:390px;width:94%;margin:16px auto 0;max-width:470px}.art-illustration{top:30px;height:260px;width:57%;right:4%}.art-book{height:205px;width:48%;top:70px}.art-package{height:160px;bottom:0;right:3%;width:64%}.hero-flower{width:68px;top:13px;right:-2%}.art-stamp{width:88px;height:88px;font-size:12px;left:1%;bottom:2px}.art-note{font-size:13px;top:5px}.art-label{bottom:-21px;left:26%;font-size:6px}.ribbon{padding-block:12px}.ribbon>div{font-size:10px;gap:23px}.ribbon>div>span:last-child{font-size:10px;gap:23px}.ribbon span{font-size:18px}.projects-section{padding-block:56px 50px}.section-top{gap:20px;align-items:flex-end;margin-bottom:25px}h2{font-size:46px}.section-top>p{font-size:9px;line-height:1.8;max-width:150px}.section-top .eyebrow{max-width:235px;margin-bottom:15px}.filters{gap:6px;margin-block:28px 24px}.filters button{font-size:9px;padding:7px 12px}.project-grid{gap:28px;grid-template-columns:1fr}.project-image{aspect-ratio:1.2}.project-open{transform:none;width:32px;height:32px;font-size:19px;right:12px;bottom:12px}.project-caption{gap:10px;padding-top:10px}.project-client{font-size:8px}.project-caption h3{font-size:16px}.project-category{font-size:8px;padding:4px 8px}.more-wrap{margin-top:28px}.more-wrap>.button{font-size:10px;max-width:100%}.services-section{padding-block:55px 45px}.service-flower{width:66px;margin-right:0}.services-section h2{font-size:44px}.services-grid{grid-template-columns:1fr 1fr;margin-top:30px;gap:28px 0;border-top:0}.service{border-top:1px solid #f7f3e947!important;padding:16px 15px 0}.service:first-child{border-top:1px solid #f7f3e947}.service:nth-child(odd){padding-left:0}.service:nth-child(even){padding-right:0;border-right:0}.service-num{font-size:8px}.service-symbol{font-size:48px;height:48px;margin:18px 0}.service h3{font-size:17px}.service p{font-size:10px}.service p.service-tagline{margin-top:12px}.service-cta{font-size:10px;margin-top:20px}.about-section{padding-block:65px 55px;grid-template-columns:1fr;gap:35px}.about-art{max-width:390px;width:100%;margin:auto;min-height:340px}.about-art img{max-height:390px;object-fit:contain}.about-note{font-size:22px;left:5px}.about-art>svg{width:60px;right:10px}.about-copy h2{font-size:49px}.about-copy>p:not(.eyebrow){font-size:12px;max-width:none}.about-copy .text-link{font-size:12px}.client-section{padding-block:23px}.client-names{flex-wrap:wrap;justify-content:center;column-gap:30px;row-gap:23px}.client-names>span{font-size:19px}.client-names>span:first-child{font-size:23px}.client-section .eyebrow{font-size:7px}.process-section{padding-block:55px}.process-section h2{font-size:43px}.process-section .section-top>p{display:none}.steps{grid-template-columns:1fr 1fr;gap:28px 22px;margin-top:30px}.steps h3{font-size:14px;margin-top:12px}.steps p{font-size:11px}.steps article>span{font-size:26px}.contact-section{padding-block:52px}.contact-layout{grid-template-columns:1fr;gap:35px}.contact-copy h2{font-size:59px}.contact-copy .eyebrow{margin-bottom:21px}.contact-copy>p:not(.eyebrow){font-size:12px}.contact-flower{position:absolute;right:10px;bottom:45px;width:68px;margin:0}.email-link{font-size:10px;gap:10px}.form-row{gap:18px;margin-bottom:22px}input,select,textarea{font-size:16px}.service-options label>span{font-size:10px}.form-note{font-size:9px!important}.faq-section{padding-block:54px;grid-template-columns:1fr;gap:30px}.faq-section h2{font-size:45px}summary{font-size:12px}.site-footer{padding-top:32px;gap:28px;grid-template-columns:1fr}.site-footer .brand{width:140px}.footer-links{justify-content:flex-start;font-size:10px;padding:0;gap:24px;flex-wrap:wrap}.footer-bottom{flex-wrap:wrap;font-size:8px;row-gap:12px}.footer-bottom>span:nth-child(2){display:none}.footer-bottom>a{margin-left:auto}.project-dialog{width:calc(100% - 20px);max-height:94dvh}.project-detail-head{padding:12px 22px 25px}.project-detail-head h2{font-size:38px}.detail-desc{font-size:12px}.detail-images{padding-inline:10px;gap:10px}.detail-bottom{padding:28px 22px;flex-direction:column;align-items:flex-start}.detail-bottom .text-link{font-size:10px}.concept-dialog{width:calc(100% - 20px);padding:0 24px 30px}.concept-dialog h2{font-size:42px}.concept-dialog article{padding-block:20px}.hero-editorial{padding-block:35px 25px}.hero-editorial h1{font-size:clamp(47px,11vw,80px);margin-top:21px}.editorial-intro{gap:22px;flex-direction:column;text-align:center;margin-block:25px}.editorial-intro p{font-size:11px}.editorial-strip{grid-template-columns:1fr .8fr 1fr;gap:7px}.editorial-strip button{height:190px}.image-caption{font-size:8px;gap:10px;text-align:left}body[data-concept=editorial] .project-grid{grid-template-columns:1fr 1fr;gap:28px 12px}body[data-concept=editorial] .project-image{aspect-ratio:.8}body[data-concept=editorial] .project-caption h3{font-size:21px;line-height:1.1;margin-top:8px}body[data-concept=editorial] .project-client{font-size:7px}body[data-concept=editorial] .project-category{font-size:8px}body[data-concept=editorial] .project-badge{left:7px;top:7px;font-size:6px;padding:4px 6px}body[data-concept=editorial] .service{border-top-color:var(--line)!important}.hero-studio{grid-template-columns:1fr;min-height:0}.studio-copy{padding:38px 20px 35px}.studio-copy h1{font-size:14.5vw;margin-block:23px}.studio-copy>p:not(.eyebrow){font-size:12px}.studio-copy>.button{margin-top:23px}.studio-foot{font-size:7px;margin-top:28px}.studio-image{height:390px}.studio-image>span{left:20px;right:20px;bottom:20px;font-size:8px;padding:12px 16px}body[data-concept=studio] .services-grid{gap:10px}body[data-concept=studio] .service{padding:18px 14px;border:0!important}body[data-concept=studio] .service h3{font-size:16px}body[data-concept=studio] .service p{font-size:10px}}
@media(max-width:370px){.concept-bar button{padding:6px 5px}.concept-bar button span{font-size:8px}.hero-actions{gap:13px;flex-wrap:wrap}.hero-art{height:340px}.art-illustration{height:220px}.art-book{height:175px}.art-package{height:140px}.art-stamp{width:75px;height:75px;font-size:10px}.contact-copy h2{font-size:52px}.contact-flower{width:50px;bottom:64px}.hero-solar h1{font-size:13vw}.form-row{grid-template-columns:1fr}.concept-bar{gap:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Ateliê Solar — approved direction and outlined service illustrations. */
.service-symbol{display:flex;align-items:center;font-size:0}
.service-symbol svg{display:block;width:58px;height:58px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.symbol-3{color:var(--pink)}
@media(max-width:760px){.service-symbol svg{width:46px;height:46px}}

/* A complete, evenly spaced services ribbon at every viewport width. */
.ribbon{padding:17px 0}
.ribbon>.ribbon-list{width:min(1304px,calc(100% - 112px));margin-inline:auto;display:grid;grid-template-columns:auto minmax(16px,1fr) auto minmax(16px,1fr) auto minmax(16px,1fr) auto minmax(16px,1fr) auto;gap:0;transform:none;align-items:center}
.ribbon>.ribbon-list>.ribbon-label{display:block;white-space:nowrap;font-size:12px;line-height:1.5;letter-spacing:.08em}
.ribbon>.ribbon-list>.ribbon-separator{display:block;justify-self:center;font-size:21px;line-height:1}
@media(max-width:1100px){.ribbon>.ribbon-list{width:calc(100% - 72px)}}
@media(max-width:760px){
  .ribbon{padding:16px 0}
  .ribbon>.ribbon-list{width:calc(100% - 40px);display:flex;flex-wrap:wrap;justify-content:center;gap:12px 18px}
  .ribbon>.ribbon-list>.ribbon-label{font-size:10px;display:flex;align-items:center;gap:10px}
  .ribbon>.ribbon-list>.ribbon-label::before{content:'✳';font-size:16px;line-height:1}
  .ribbon>.ribbon-list>.ribbon-separator{display:none}
}

/* Supplied client marks: consistent optical sizing, original proportions. */
.hero-flower{top:-65px}
@media(max-width:760px){.hero-flower{top:-65px}}
.about-art>svg{right:5%;top:7%}
@media(max-width:760px){.about-art>svg{right:7%;top:8%}}
.contact-flower{position:absolute;top:0;right:0;bottom:auto;width:clamp(60px,6.5vw,90px);margin-top:0}
@media(max-width:760px){.contact-flower{top:0;right:0;bottom:auto;width:58px;margin-top:0}}
.client-logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:25px 36px;margin-top:30px}
.client-logo{flex:0 0 calc((100% - 144px)/5);height:85px;display:flex;align-items:center;justify-content:center;min-width:0}
.client-logo img{width:100%;max-width:145px;height:64px;object-fit:contain}
.client-logo-objetiva img{height:76px;max-width:95px}
.client-logo-novo-seculo img{max-width:107px;height:55px}
.client-logo-mett img{max-width:110px;height:68px}
.client-logo-grao-cafe img{max-width:118px;height:70px}
.client-logo-leila-diniz img{max-width:165px;height:60px}
@media(max-width:1100px){.client-logos{column-gap:28px}.client-logo{flex-basis:calc((100% - 84px)/4)}}
@media(max-width:760px){.client-logos{gap:18px 26px;margin-top:25px}.client-logo{flex-basis:calc((100% - 26px)/2);height:75px}.client-logo img{max-width:125px;height:55px}.client-logo-objetiva img{height:65px;max-width:85px}.client-logo-novo-seculo img{max-width:95px;height:48px}.client-logo-grao-cafe img{max-width:100px;height:65px}.client-logo-mett img{max-width:100px;height:60px}.client-logo-leila-diniz img{max-width:145px;height:50px}}

/* Keep service actions on the same baseline within each grid row. */
@media(min-width:761px){.service-flower{width:160px;flex-shrink:0}}
.service{display:flex;flex-direction:column;align-items:flex-start}
.service-symbol{flex-shrink:0}
.service-cta{margin-top:auto;padding-top:25px}

/* Keep category links comfortably spaced and grouped inside the page margins. */
.ribbon>.ribbon-list{max-width:1100px}
.ribbon>.ribbon-list>a.ribbon-label{text-underline-offset:5px;text-decoration-thickness:1px;transition:color .2s}
.ribbon>.ribbon-list>a.ribbon-label:hover{color:var(--accent);text-decoration:underline}

.form-trap{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
.form-status{font-size:12px;line-height:1.8;margin-top:18px;padding:12px 15px;border:1px solid var(--ink)}
.form-status.status-success{border-color:var(--accent);color:var(--ink)}
.form-status.status-error{border-color:var(--accent);color:var(--accent)}
#brief-form[aria-busy=true] button[type=submit]{opacity:.65;cursor:wait;transform:none}
.brief-result .manual-email{text-decoration:underline;text-underline-offset:3px}