/* Editorial content: warm, quiet surfaces beneath the cinematic chapters. */
.content-surface{--text:#f4ecdf;--text-soft:#bcb5aa;--text-mute:#a79e91;--line:#f4ecdf22;--rust:#d99069;--bg:#111210;--bg-alt:#1c1c18;--violet:#d99069;--mint:#d99069;background:#111210;color:var(--text);color-scheme:dark;position:relative}
.content-surface.paper{background:radial-gradient(ellipse at 95% 0%,#49302440,transparent 42%),#111210}
.content-surface>section{position:relative}
.editorial-content{padding-block:0}
.content-surface>.section,.content-surface>.section-tight{padding:110px var(--gutter)}
.content-surface .container{max-width:1320px}
.surface-light{--text:#29231e;--text-soft:#62594f;--text-mute:#786b5d;--line:#33281c25;--rust:#9b5737;--bg:#e9e3d8;--bg-alt:#ddd3c4;color:var(--text);color-scheme:light}
.content-surface>.surface-light{background:radial-gradient(ellipse at 95% 0%,#c6a38366,transparent 65%),#e9e3d8!important}
.section-label,.eyebrow,.mono{font-size:10px;letter-spacing:.13em;line-height:1.6;color:var(--text-mute);margin-bottom:25px}
.content-surface h2{line-height:1.08;text-wrap:balance}
.content-surface h2 em{font-size:1.2em;line-height:.85;color:var(--rust)}
.sec-head{max-width:1000px;margin-bottom:64px}
.sec-head h2{font-size:clamp(2.8rem,5.8vw,6.5rem);max-width:1000px}
.sec-head p,.section-intro{max-width:610px;font:16px/1.85 var(--display);color:var(--text-soft);margin-top:28px}
.content-surface .card{padding:32px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#ffffff07,#ffffff01);position:relative;transition:border-color .25s,background-color .25s,translate .3s}
.content-surface .grid>.card:hover{border-color:#d9906966;translate:0 -4px}
.content-surface .card h3{font-size:clamp(23px,2.1vw,30px);line-height:1.18;margin-block:15px}
.content-surface .card p{color:var(--text-soft);line-height:1.85}
.content-surface .card-num{color:var(--rust)}
.content-surface .tick-list li{font-size:13px;padding-block:12px;color:var(--text-soft);border-color:var(--line)}
.content-surface .tick-list li:before{color:var(--rust);opacity:1}
.content-surface .btn{gap:30px;border:1px solid var(--line);padding:15px 20px;border-radius:4px;transition:background .25s,border-color .25s;color:var(--text)}
.content-surface .btn:hover{background:#d9906918;border-color:var(--rust)}
.content-surface .btn-primary{background:var(--rust);border-color:var(--rust);color:#171410}
.content-surface .btn-primary:hover{background:#e8ae88;color:#171410}
.content-surface .split{gap:80px}
.content-surface .split>div{min-width:0}
.content-surface .split h2{font-size:clamp(2.6rem,4.4vw,5rem)}
.content-surface .acc-item{border:1px solid var(--line);border-radius:8px;margin-bottom:12px;padding-inline:24px;background:#ffffff03}
.content-surface .acc-head{padding-block:24px;font-size:15px;line-height:1.5;align-items:center}
.content-surface .acc-item.open{border-color:#d9906966;background:#d9906909}
.content-surface .acc-body{padding-bottom:25px;max-width:740px}
.content-surface .acc-body p{color:var(--text-soft)}

/* The process: large numbered steps with a compact, readable two-column body. */
.process-flow .sec-head{margin-bottom:90px}
.process-flow .timeline{border:0;padding:0;position:relative}
.process-flow .tl-item{display:grid;grid-template-columns:155px minmax(0,1fr);gap:45px;padding:48px 0 60px;border-top:1px solid var(--line)}
.step-number{font:400 clamp(80px,8vw,125px)/.9 var(--serif);font-style:italic;letter-spacing:-.06em;color:#625142;transition:color .8s}
.tl-item.is-revealed .step-number{color:var(--rust)}
.tl-step{font:10px/1.6 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.1em;color:var(--rust);margin:0 0 22px}
.step-content h3{font-size:clamp(28px,3.1vw,44px);font-weight:500;letter-spacing:-.045em;line-height:1.13;margin-bottom:30px;max-width:800px}
.step-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:55px}
.step-body p{font-size:14px;line-height:1.9;color:var(--text-soft)}
.step-body .tick-list{margin:0}
.step-body .tick-list li:first-child{padding-top:0}
.tools-section .grid,.commitment-section .grid{gap:18px}
.commitment-section{background:linear-gradient(145deg,#3b2b20,#171815 65%)!important}
.practical-section{border-top:1px solid var(--line)!important}

/* Services: a spacious list that opens into the actual scope of the work. */
.service-showcase{padding-top:110px;padding-bottom:110px;background:radial-gradient(ellipse at 100% 0%,#61402c44,transparent 60%),#111210}
.service-showcase>h2{font-size:clamp(3.2rem,6.8vw,7.5rem)}
.service-directory{margin-top:80px}
.service-detail{border-color:var(--line);padding-inline:28px;transition:background-color .3s,border-color .3s}
.service-detail:hover{background:#d9906907}
.service-detail[open]{background:linear-gradient(135deg,#35271d88,#20201b55);border-color:#d9906970}
.service-detail>summary{gap:34px;padding-block:36px}
.service-detail>summary>span{color:var(--rust);font-size:11px;align-self:flex-start;padding-top:10px}
.service-name{flex:1;min-width:0}
.service-detail h3{font-size:clamp(26px,3.8vw,52px);line-height:1.05;font-weight:500}
.service-name>p{font:12px/1.7 Arial,Helvetica,sans-serif;color:var(--text-soft);margin-top:14px}
.service-detail>summary>b{border:1px solid var(--line);border-radius:50%;width:42px;height:42px;display:grid;place-items:center;flex-shrink:0;color:var(--rust)}
.service-open{padding:10px 16px 48px 66px;gap:65px}
.service-open .deliverables{gap:28px}
.service-open .deliverable{padding-top:20px;border-top:1px solid var(--line)}
.deliverable b{font-size:15px;color:var(--text)}
.service-open .price-amount{color:var(--rust)}
.service-open .text-link{border-color:var(--line);color:var(--text)}
.chip{border-color:var(--line);font-family:Arial,Helvetica,sans-serif}
.engagement-section{background:radial-gradient(ellipse at 0% 100%,#49302444,transparent 70%),#111210}
.engagement-section .tabs{width:max-content;max-width:100%;gap:8px;padding:7px;border:1px solid var(--line);border-radius:7px;margin-bottom:35px}
.engagement-section .tab{padding:14px 25px;font-size:12px;border-radius:3px}
.engagement-section .tab.on{background:var(--rust);color:#191510;border-bottom:0}
.engagement-section .tab-panel .card{max-width:none;padding:42px;background:#ffffff03}
.engagement-section .tab-panel p{max-width:800px}

/* Studio story, numbers and principles. */
.studio-story{background:radial-gradient(ellipse at 0% 0%,#4c322544,transparent 60%),#111210}
.studio-story .manifesto{font-size:clamp(3.8rem,8vw,9rem)}
.studio-story .editorial-split{margin-block:75px;gap:10vw}
.studio-story .large-copy{font-size:clamp(24px,2.5vw,36px);line-height:1.55;color:var(--text)}
.studio-facts{border-top:0;gap:1px;background:var(--line);padding:1px;border-radius:10px;overflow:hidden}
.studio-facts>div{background:#191a16;padding:40px 25px}
.studio-facts b{font-size:clamp(27px,3.5vw,50px);color:var(--rust)}
.studio-facts span{font-size:11px;line-height:1.7}
.studio-principles>h2{margin-bottom:75px;max-width:1000px}
.studio-principles .principle{grid-template-columns:70px minmax(0,1fr) minmax(0,1fr);padding:40px 0;gap:35px}
.principle>span{font-size:20px;font-family:var(--serif);font-style:italic;color:var(--rust)}
.principle h3{font-size:clamp(24px,3vw,40px)}
.principle p{color:var(--text-soft);font-size:14px;line-height:1.85}

/* Pricing: clear entry points, distinct packages and a light estimator. */
.pricing-lead{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;max-width:1456px;padding:110px var(--gutter) 40px;margin:auto}
.pricing-lead h2{font-size:clamp(3.2rem,6.8vw,7.3rem);line-height:1.05}
.pricing-lead p{max-width:600px;margin-top:30px;color:var(--text-soft);font-size:14px}
.pricing-currency{flex-shrink:0;padding-bottom:6px}
.pricing-currency>span{display:block;font:10px Arial,sans-serif;color:var(--text-soft);margin-bottom:12px}
.cur-toggle{border-color:var(--line);border-radius:5px;padding:5px;gap:3px}
.cur-toggle button{border-radius:2px;font:11px Arial,sans-serif;padding:12px 22px}
.cur-toggle .on{background:var(--rust);color:#171410}
.content-surface>.rate-directory{padding-top:30px;padding-bottom:90px}
.price-table-wrap{border:1px solid var(--line);border-radius:12px;background:#ffffff02}
.price-table th{padding:24px;color:var(--text-mute);font-size:9px}
.price-table td{padding:26px 24px;border-color:var(--line);font-size:13px}
.price-table td.num{font:12px/1.65 Arial,Helvetica,sans-serif}
.price-table tbody tr:not(.cat-row):hover{background:#d9906909}
.price-table .cat-row td{color:var(--rust);background:#d990690a;font-size:10px;padding-block:18px}
.price-table tr:last-child td{border-bottom:0}
.content-surface .price-card{padding:32px;display:flex;flex-direction:column;background:linear-gradient(145deg,#32271d55,#ffffff02)}
.package-index{position:absolute;right:25px;top:25px;font:italic 34px var(--serif);color:#a28a6b66}
.price-card .price-tier{padding-right:32px;font-size:11px;color:var(--rust)}
.price-card h3{font-size:30px;margin-block:20px 16px}
.price-card .price-desc{font-size:13px;min-height:75px}
.price-card .price-amount{font-size:clamp(24px,2.6vw,36px);color:var(--text);line-height:1.1;margin-top:35px}
.price-card .price-sub{font:10px/1.7 Arial,sans-serif}
.price-card .badge-pop{color:var(--rust)}
.price-card .tick-list{margin-block:22px 35px}
.estimate-section .estimator{border:0;gap:70px;padding-top:0;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.estimate-section .est-out{background:radial-gradient(ellipse at 100% 0%,#84543755,transparent 70%),#1c1c18;color:#f4ecdf;--text-mute:#b9ad9c;--line:#ffffff25;padding:40px;border-radius:12px;top:120px}
.estimate-section .est-total{font-size:clamp(30px,3vw,45px);color:#edb68e}
.estimate-section .est-out .btn{color:#f4ecdf;border-color:#f4ecdf40}
.estimate-section .est-form{background:#ffffff22;padding:32px;border:1px solid var(--line);border-radius:10px}
.care-section{background:linear-gradient(155deg,#33281d66,transparent 65%)!important}

/* Contact: an editorial introduction and a focused form, then practical details. */
.content-surface>#brief{padding-top:110px}
.brief-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:80px;align-items:start}
.brief-intro{position:sticky;top:125px}
.brief-intro h2{font-size:clamp(3.3rem,5.3vw,6rem);margin-bottom:30px}
.brief-intro>p{max-width:400px;color:var(--text-soft);font-size:14px;line-height:1.9}
.brief-note{display:flex;gap:25px;align-items:flex-start;padding-top:32px;margin-top:45px;border-top:1px solid var(--line);max-width:400px}
.brief-note>span{color:var(--rust);font:italic 36px/.9 var(--serif)}
.brief-note p{font-size:13px;line-height:1.85;color:var(--text-soft)}
.brief-intro .required-note{font:10px/1.8 Arial,sans-serif;margin-top:35px;color:var(--text-mute)}
.contact-content .brief-card{padding:36px;background:linear-gradient(145deg,#37302455,#ffffff03);border-radius:12px;border-color:var(--line)}
.brief-card .form-grid{gap:26px 24px}
.brief-card .field>label{font:11px/1.6 Arial,sans-serif;margin-bottom:10px;color:#d6cbbc}
.brief-card .field input:not([type=checkbox]),.brief-card textarea,.brief-card select{border-color:#f4ecdf40;color:var(--text);font-size:13px}
.brief-card input::placeholder,.brief-card textarea::placeholder{color:#968e82}
.brief-card .pill-group{gap:8px}
.brief-card .pill-opt span{font-size:10px;border-radius:4px;border-color:var(--line);padding:10px 12px;color:var(--text-soft)}
.brief-card .pill-opt input:checked+span{background:#dfac83;color:#211910;border-color:#dfac83}
.brief-card .select-trigger{font-size:12px;line-height:1.8;border-color:#f4ecdf40;min-height:62px}
.brief-card .form-note{color:var(--text-mute)}
.brief-card [name=botcheck]{display:none!important}
.contact-info{display:grid;grid-template-columns:1.05fr .9fr 1fr;gap:30px;margin-top:85px!important;align-items:start}
.contact-info>.grid{margin-top:0;gap:0}
.contact-info>.card{margin-top:0;background:transparent;padding:28px 0;border:0;border-top:1px solid var(--line);border-radius:0}
.contact-info .phone-big{font-size:clamp(21px,2vw,29px);white-space:normal}
.contact-info .card>p{font-size:12px}
.contact-info .contact-item{gap:12px;font-size:12px;padding-block:25px}
.contact-info .icon-box{display:none}
.contact-info .hours-list>div{font:11px/1.8 Arial,sans-serif}
.contact-info .row{justify-content:flex-start;gap:10px}
.contact-info .btn{font-size:11px;padding:11px 17px}
.contact-info h4{font-size:24px;margin-bottom:25px}
.next-steps .card{background:#ffffff28}

/* Journal and a deliberately simple footer. */
.journal-intro{background:radial-gradient(ellipse at 90% 50%,#5a3c2940,transparent 55%),#111210}
.journal-feature .card{background:linear-gradient(135deg,#3d2d2188,#1b1c1755);padding:60px}
.journal-feature .card h2{max-width:1100px}
.journal-number{font:italic 44px var(--serif);color:var(--rust);display:block;margin-bottom:35px}
.post-card .post-meta{font:10px/1.8 Arial,sans-serif;color:var(--text-mute)}
.article-content .article h2{scroll-margin-top:120px}
.footer-minimal{padding:70px var(--gutter) 28px;border-top:1px solid #f4ecdf20;background:#090a0c}
.footer-main{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;padding-bottom:65px;max-width:1320px;margin:auto}
.footer-main .word-logo{font-size:clamp(55px,9vw,130px);letter-spacing:-.065em}
.footer-main .word-logo>span{letter-spacing:-.08em}
.footer-main nav{display:flex;gap:30px;flex-wrap:wrap;font:12px Arial,sans-serif;padding-bottom:6px}
.footer-main nav a:hover{color:var(--rust)}
.footer-bottom{display:flex;justify-content:space-between;gap:24px;padding-top:22px;border-top:1px solid #f4ecdf20;max-width:1320px;margin:auto;font:10px/1.7 Arial,sans-serif;color:#a79e91}
.stage-footer{bottom:30px}

/* Finite reveals: no per-frame JavaScript and no infinite animation. */
.reveal-ready [data-reveal],.reveal-ready [data-opening-reveal]{opacity:0;transform:translate3d(0,30px,0);transition:none}
.reveal-ready .is-revealed[data-reveal],.reveal-ready .is-revealed[data-opening-reveal],.reveal-ready [data-reveal]:focus-within{opacity:1;transform:none;transition:opacity .75s cubic-bezier(.2,.65,.2,1),transform .85s cubic-bezier(.2,.65,.2,1),border-color .25s,background-color .25s,translate .3s;transition-delay:var(--reveal-delay,0ms)}
.reveal-ready [data-reveal]:focus-within{transition-duration:0s}
@media(min-width:1500px){.service-showcase,.studio-story,.studio-principles,.engagement-section{padding-inline:max(var(--gutter),calc((100vw - 1320px)/2))}}
@media(max-width:1100px){.brief-layout{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:40px}.brief-intro h2{font-size:4.7vw}.brief-card .form-grid{grid-template-columns:1fr}.process-flow .tl-item{grid-template-columns:110px minmax(0,1fr);gap:30px}.step-body{gap:30px}.service-open{gap:35px}.contact-info{grid-template-columns:1fr 1fr}.contact-info>.card:last-child{grid-column:1/-1}.pricing-lead{gap:30px}.content-surface .price-card{padding:24px}.content-surface .split{gap:40px}.estimate-section .estimator{gap:30px}.estimate-section .est-form{padding:24px}.estimate-section .est-out{padding:30px}.footer-main nav{gap:22px}}
@media(max-width:760px){
 .content-surface>.section,.content-surface>.section-tight,.service-showcase,.studio-story,.studio-principles,.engagement-section{padding:75px var(--gutter)}
 .sec-head{margin-bottom:42px}.sec-head h2{font-size:clamp(2.65rem,8vw,4.4rem)}.sec-head p,.section-intro{font-size:14px;line-height:1.85}
 .content-surface .grid{gap:16px}.content-surface .card{padding:25px}.content-surface .split{gap:35px}
 .process-flow .sec-head{margin-bottom:50px}.process-flow .tl-item{grid-template-columns:45px minmax(0,1fr);gap:20px;padding:35px 0 45px}.step-number{font-size:47px}.tl-step{font-size:8px;letter-spacing:.05em;margin-bottom:17px}.step-content h3{font-size:27px;margin-bottom:24px}.step-body{grid-template-columns:1fr;gap:25px}.step-body p{font-size:13px}.step-body .tick-list li{font-size:12px}
 .service-showcase>h2{font-size:clamp(2.9rem,8.7vw,4.4rem)}.service-directory{margin-top:48px}.service-detail{padding-inline:12px}.service-detail>summary{gap:16px;padding-block:27px}.service-detail>summary>span{width:18px;font-size:9px;padding-top:3px}.service-detail h3{font-size:24px}.service-detail>summary>b{width:30px;height:30px;font-size:21px}.service-name>p{font-size:10px;line-height:1.75;margin-top:12px}.service-open{padding:0 4px 35px;grid-template-columns:1fr;gap:25px}.service-open .deliverables{gap:22px}.service-open .deliverable b{font-size:13px}
 .engagement-section .tab{padding:12px 16px;font-size:11px}.engagement-section .tabs{margin-block:35px 25px;width:100%;max-width:100%;gap:3px}.engagement-section .tab-panel .card{padding:28px}
 .studio-story .manifesto{font-size:clamp(3.3rem,10vw,5rem)}.studio-story .editorial-split{margin-block:45px;gap:28px}.studio-story .large-copy{font-size:24px}.studio-facts{gap:1px}.studio-facts>div{padding:30px 18px}.studio-facts b{font-size:29px}.studio-facts span{font-size:10px;margin-top:10px}.studio-principles>h2{margin-bottom:45px}.studio-principles .principle{grid-template-columns:27px minmax(0,1fr);gap:20px;padding-block:28px}.studio-principles .principle p{grid-column:2}
 .pricing-lead{padding:75px var(--gutter) 32px;display:block}.pricing-lead h2{font-size:clamp(2.8rem,8.9vw,4.2rem)}.pricing-currency{margin-top:30px}.content-surface>.rate-directory{padding-top:12px;padding-bottom:65px}.price-table-wrap{border-radius:8px}.price-table th,.price-table td{padding-inline:19px}.content-surface .price-card{padding:28px}.price-card .price-desc{min-height:0}.price-card .price-amount{font-size:30px}.estimate-section .estimator{grid-template-columns:1fr;gap:24px}.estimate-section .est-out{position:static}.estimate-section .est-form{padding:22px}.estimate-section .est-total{font-size:31px}
 .content-surface>#brief{padding-top:75px}.brief-layout{grid-template-columns:1fr;gap:38px}.brief-intro{position:static}.brief-intro h2{font-size:clamp(3rem,9vw,4.4rem)}.brief-note{margin-top:30px;padding-top:25px}.brief-intro .required-note{margin-top:24px}.contact-content .brief-card{padding:25px 20px}.brief-card .form-grid{gap:24px}.brief-card .select-trigger{font-size:12px}.contact-info{grid-template-columns:1fr;gap:25px;margin-top:55px!important}.contact-info>.card:last-child{grid-column:auto}.contact-info .phone-big{font-size:27px}.contact-info .hours-list>div{font-size:12px}
 .journal-feature .card{padding:30px}.journal-feature .card h2{font-size:34px}.journal-number{font-size:35px;margin-bottom:22px}
 .footer-minimal{padding-top:55px}.footer-main{display:block;padding-bottom:35px}.footer-main .word-logo{font-size:70px}.footer-main nav{margin-top:35px;gap:25px;font-size:11px}.footer-bottom{font-size:9px;gap:20px}.stage-footer{bottom:27px}
}
@media(prefers-reduced-motion:reduce){.reveal-ready [data-reveal],.reveal-ready [data-opening-reveal]{opacity:1;transform:none;transition:none}.content-surface .card,.content-surface .btn,.service-detail,.step-number{transition:none}.content-surface .grid>.card:hover{translate:none}}

.contact-info .email-big{display:block;font:500 clamp(21px,3vw,36px)/1.3 var(--display);letter-spacing:-.03em;overflow-wrap:anywhere;color:var(--white)}
