:root{--ink:#1d252b;--paper:#f4f2ed;--cream:#e8e2d7;--lime:#d4ed4b;--rust:#d95d39;--line:rgba(29,37,43,.2);--mono:"DM Mono",monospace;--sans:"Noto Sans TC",sans-serif;--serif:"Playfair Display",serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.shell{width:min(1180px,calc(100% - 48px));margin:auto}.site-header{border-bottom:1px solid var(--line);background:rgba(244,242,237,.94);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between;gap:25px}.wordmark{font-family:var(--mono);font-size:20px;letter-spacing:-1px;font-weight:500;white-space:nowrap}.wordmark i{font-family:var(--serif);font-size:26px;font-weight:600}.site-header ul{list-style:none;display:flex;gap:28px;margin:0;padding:0;font-size:14px}.site-header li a{padding:8px 0}.site-header [aria-current=page]{border-bottom:2px solid var(--rust)}.nav-cta{font-size:14px;font-weight:700}.nav-cta span{color:var(--rust);font-size:20px}.eyebrow{font:500 11px/1.3 var(--mono);letter-spacing:.08em;margin:0 0 20px}.hero{padding:55px 0 0;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:62px}.hero h1,.statement h2,.section-heading h2,.process h2,.journal-grid h2,.contact-cta h2,.page-hero h1{font-size:clamp(43px,5.5vw,83px);line-height:1.14;letter-spacing:-.075em;margin:0;font-weight:900}.hero h1 em,.statement h2 em,.contact-cta h2 em{font-family:var(--serif);font-weight:600;letter-spacing:-.05em}.hero-lede{max-width:450px;font-size:17px;margin:30px 0}.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:15px 21px;font-size:14px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-dark{background:var(--ink);color:#fff}.button-light{background:var(--lime)}.button span{font-size:20px}.text-link{font-size:14px;font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:3px}.text-link span{color:var(--rust);padding-left:8px}.hero-art{position:relative}.hero-art img{width:100%;height:520px;object-fit:cover;filter:saturate(.72)}.hero-stamp{position:absolute;right:-25px;bottom:30px;background:var(--lime);width:175px;height:175px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(5deg)}.hero-stamp span{font:12px var(--mono)}.hero-stamp strong{font:600 18px/1.05 var(--mono)}.hero-meta{display:flex;gap:26px;padding:30px 0;font:11px var(--mono);letter-spacing:.06em}.hero-meta span:before{content:"✦";margin-right:8px;color:var(--rust)}.statement{padding:145px 0 130px}.statement h2{max-width:900px}.services-teaser{padding:80px 0 135px;display:grid;grid-template-columns:.9fr 1.1fr;gap:85px}.section-heading h2{font-size:clamp(38px,4.5vw,67px);margin-bottom:30px}.service-list{border-top:1px solid var(--ink)}.service-list article{display:grid;grid-template-columns:45px 1fr;column-gap:18px;padding:28px 0;border-bottom:1px solid var(--line)}.service-list span{font:12px var(--mono);color:var(--rust)}.service-list h3{font-size:22px;margin:0}.service-list p{grid-column:2;margin:8px 0 0;max-width:470px;font-size:14px}.work-band{background:var(--ink);color:#f9f8f4;padding:105px 0}.light .eyebrow{color:var(--lime)}.work-strip{display:grid;grid-template-columns:1fr 1.22fr 1fr;gap:16px;margin-top:50px}.work-strip a{position:relative;min-height:350px;overflow:hidden}.work-strip img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.work-strip a:hover img{transform:scale(1.05)}.work-strip span{position:absolute;left:18px;bottom:14px;color:white;font:500 13px/1.3 var(--mono);text-shadow:0 2px 10px #000}.work-strip i{font-style:normal;font-size:10px;color:var(--lime)}.process{padding:140px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.process h2{font-size:clamp(48px,5.5vw,78px)}.process ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}.process li{display:grid;grid-template-columns:50px 1fr;gap:15px;border-bottom:1px solid var(--line);padding:25px 0}.process li>span{font:12px var(--mono);color:var(--rust)}.process h3{font-size:20px;margin:0}.process p{font-size:14px;margin:7px 0 0;max-width:500px}.journal-teaser{background:var(--cream);padding:105px 0}.journal-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.journal-grid h2{font-size:clamp(37px,4vw,62px)}.journal-grid>div>p:not(.eyebrow){max-width:420px;margin:24px 0 32px}.article-links{border-top:1px solid var(--ink)}.article-links a{display:grid;grid-template-columns:1fr 20px;gap:15px;padding:22px 0;border-bottom:1px solid var(--line)}.article-links span{font:11px var(--mono);color:var(--rust)}.article-links h3{font-size:20px;line-height:1.45;margin:4px 0 0}.article-links i{grid-column:2;grid-row:1/3;font-style:normal;font-size:21px}.contact-cta{padding:110px 0;display:flex;justify-content:space-between;align-items:end;gap:30px}.contact-cta h2{font-size:clamp(36px,4.4vw,66px)}.site-footer{background:#151c20;color:#f5f2ec;padding:65px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:50px}.footer-intro{max-width:285px;font-size:14px}.footer-label{font:11px var(--mono);color:var(--lime);letter-spacing:.08em;margin:0 0 13px}.footer-grid a:not(.wordmark){display:block;font-size:14px;margin:5px 0}.footer-grid p{font-size:14px;margin:5px 0}.footer-bottom{border-top:1px solid rgba(255,255,255,.18);display:flex;justify-content:space-between;gap:20px;margin-top:50px;padding-top:17px;font:10px var(--mono);color:#aaa}.page-hero{padding:95px 0 75px;border-bottom:1px solid var(--line)}.page-hero h1{max-width:900px}.page-hero p:last-child{max-width:590px;font-size:17px;margin:25px 0 0}.content-section{padding:90px 0}.content-section.narrow{max-width:820px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:25px}.info-card{padding:30px;background:#e9e5dd}.info-card h2{font-size:25px;margin-top:0}.info-card p{font-size:14px}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.work-card img{aspect-ratio:1.3;object-fit:cover}.work-card h2{font-size:24px;margin:13px 0 2px}.work-card p{font-size:14px;margin:0}.journal-list{display:grid;grid-template-columns:repeat(2,1fr);gap:35px}.journal-list article{border-top:2px solid var(--ink);padding-top:18px}.journal-list h2{font-size:28px;line-height:1.4;margin:8px 0}.journal-list p{font-size:14px}.article{padding:80px 0;max-width:780px}.article h1{font-size:clamp(38px,5vw,65px);line-height:1.2;letter-spacing:-.06em}.article h2{font-size:28px;margin-top:45px}.article p,.article li{font-size:17px}.article .meta{font:12px var(--mono);color:#8b4434}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px}.contact-grid h2{font-size:31px;line-height:1.35}.contact-options a{display:block;border-top:1px solid var(--ink);padding:19px 0;font-size:20px;font-weight:700}.contact-options small{display:block;font:11px var(--mono);color:var(--rust);margin-bottom:5px}.notice{font-size:13px;color:#596369}@media(max-width:760px){.shell{width:min(100% - 32px,1180px)}.site-header nav{display:none}.nav-wrap{height:65px}.nav-cta{font-size:12px}.hero{padding-top:35px}.hero-grid,.services-teaser,.process,.journal-grid,.contact-grid{grid-template-columns:1fr;gap:40px}.hero-art{margin:10px 18px 0 0}.hero-art img{height:370px}.hero-stamp{width:135px;height:135px;right:-15px}.hero-meta{overflow:auto;white-space:nowrap;padding:20px 0}.statement{padding:95px 0}.services-teaser,.process{padding:80px 0}.work-band,.journal-teaser{padding:75px 0}.work-strip{grid-template-columns:1fr;gap:12px;margin-top:35px}.work-strip a{height:260px;min-height:0}.contact-cta{padding:75px 0;display:block}.contact-cta .button{margin-top:28px}.footer-grid,.two-col,.work-grid,.journal-list{grid-template-columns:1fr;gap:28px}.footer-bottom{display:block}.footer-bottom span{display:block;margin:6px 0}.page-hero{padding:65px 0 55px}.content-section{padding:65px 0}.article{padding:55px 0}.article p,.article li{font-size:16px}}

/* 2026 information architecture refresh */
.skip-link{position:fixed;left:12px;top:-60px;z-index:99;background:var(--lime);padding:10px 16px;font-weight:700}.skip-link:focus{top:12px}.nav-toggle{display:none;border:0;background:transparent;font:600 12px var(--mono);color:var(--ink)}.problem-band{background:var(--lime);padding:90px 0}.problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.problem-grid h2,.method h2,.scope-section h2,.fit-section h2,.faq-preview h2,.section-kicker h2{font-size:clamp(34px,4vw,58px);line-height:1.2;letter-spacing:-.06em;margin:0}.problem-grid ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}.problem-grid li{display:grid;grid-template-columns:55px 1fr;gap:10px;padding:19px 0;border-bottom:1px solid rgba(29,37,43,.35);font-weight:700;font-size:18px}.problem-grid li span,.method-grid span,.service-paths span,.topic-grid span{font:11px var(--mono);color:var(--rust)}.method{padding:130px 0}.method>.section-heading{display:grid;grid-template-columns:1.15fr .85fr;column-gap:70px;align-items:end}.method>.section-heading .eyebrow{grid-column:1/-1}.method>.section-heading p:last-child{margin:0}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:55px}.method-grid article{background:var(--paper);padding:28px}.method-grid h3{font-size:21px;margin:35px 0 8px}.method-grid p{font-size:14px;margin:0}.work-note{color:#b8c0c4;font-size:13px;margin:25px 0 0}.faq-preview{padding:120px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq-list details,.faq-page details{border-top:1px solid var(--ink);padding:20px 0}.faq-list details:last-of-type,.faq-page details:last-of-type{border-bottom:1px solid var(--ink)}summary{cursor:pointer;font-size:18px;font-weight:700}.faq-list details p,.faq-page details p{max-width:720px;margin:12px 0 0}.service-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-paths>a{border:1px solid var(--line);padding:32px;min-height:340px;display:flex;flex-direction:column;transition:.2s}.service-paths>a:hover{background:var(--lime);transform:translateY(-4px)}.service-paths h2{font-size:29px;line-height:1.25;margin:35px 0 14px}.service-paths p{font-size:14px}.service-paths b{font-size:13px;margin-top:auto}.scope-section{background:var(--cream);padding:105px 0}.section-kicker{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;align-items:start}.scope-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:50px}.scope-grid>div{border-top:2px solid var(--ink);padding:22px 0}.scope-grid h3{font-size:21px;margin:0 0 12px}.scope-grid p,.scope-grid li{font-size:14px}.fit-section{padding:110px 0}.fit-section>div:first-child{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;margin-bottom:40px}.info-card h3{font-size:22px}.info-card li{margin:8px 0}.service-hero .hero-actions{margin-top:30px}.decision-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.decision-grid h2,.about-grid h2{font-size:clamp(32px,4vw,55px);line-height:1.2;letter-spacing:-.05em;margin:0}.decision-grid ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}.decision-grid li{padding:16px 0 16px 28px;border-bottom:1px solid var(--line);position:relative}.decision-grid li:before{content:'↳';position:absolute;left:0;color:var(--rust)}.checklist{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.checklist span{background:var(--cream);padding:18px;font-size:14px}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.about-grid>div:last-child{font-size:18px}.faq-page{max-width:900px}.faq-page details{padding:27px 0}.faq-page summary{font-size:21px}.faq-page a,.prose a{text-decoration:underline;text-decoration-color:var(--rust);text-underline-offset:3px}.topic-map{background:var(--lime);padding:90px 0}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(29,37,43,.3);margin-top:45px}.topic-grid a{background:var(--lime);padding:28px}.topic-grid h3{font-size:23px;margin:28px 0 8px}.topic-grid p{font-size:14px;margin:0}.journal-heading{display:grid;grid-template-columns:.65fr 1.35fr;gap:50px;margin-bottom:35px}.journal-heading h2{font-size:clamp(31px,3.5vw,50px);letter-spacing:-.05em;margin:0}.journal-list h3{font-size:28px;line-height:1.4;margin:8px 0}.post-hero{padding:75px 0 65px;border-bottom:1px solid var(--line)}.post-hero .shell{max-width:1000px}.breadcrumbs{display:flex;gap:9px;flex-wrap:wrap;font:11px var(--mono);margin-bottom:45px;color:#647078}.post-hero h1{font-size:clamp(42px,6vw,74px);line-height:1.15;letter-spacing:-.065em;margin:0;max-width:960px}.post-deck{font-size:19px;max-width:760px;margin:25px 0}.post-byline{display:flex;gap:20px;font:11px var(--mono);color:#8b4434}.post-layout{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:80px;align-items:start;padding-top:75px;padding-bottom:95px}.post-layout .article{padding:0;max-width:none}.prose h2{font-size:31px;line-height:1.35;margin:55px 0 18px;letter-spacing:-.03em}.prose h3{font-size:22px;line-height:1.4;margin:35px 0 12px}.prose p,.prose li{font-size:17px;line-height:1.9}.prose li{margin:7px 0}.prose blockquote{margin:32px 0;padding:18px 24px;background:var(--cream);border-left:4px solid var(--rust)}.prose table{width:100%;border-collapse:collapse;margin:30px 0;font-size:14px}.prose th,.prose td{text-align:left;vertical-align:top;padding:12px;border:1px solid var(--line)}.prose th{background:var(--cream)}.post-aside{position:sticky;top:105px}.aside-card{background:var(--lime);padding:25px}.aside-card p:not(.eyebrow){font-size:14px}.aside-links{border-top:1px solid var(--ink);margin-top:25px;padding-top:20px}.aside-links a{display:block;border-bottom:1px solid var(--line);padding:11px 0;font-size:13px;font-weight:700}.related-posts{padding:85px 0;border-top:1px solid var(--line)}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:35px}.related-grid a{border-top:2px solid var(--ink);padding:18px 0}.related-grid span{font:11px var(--mono);color:var(--rust)}.related-grid h3{font-size:20px;line-height:1.45;min-height:88px}.related-grid i{font-style:normal;font-size:13px;font-weight:700}.footer-grid{grid-template-columns:1.2fr .9fr .9fr 1fr}
@media(max-width:900px){.method-grid{grid-template-columns:repeat(2,1fr)}.service-paths{grid-template-columns:1fr}.service-paths>a{min-height:0}.post-layout{grid-template-columns:1fr;gap:45px}.post-aside{position:static;display:grid;grid-template-columns:1fr 1fr;gap:20px}.aside-links{margin:0}.scope-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.nav-toggle{display:block}.site-header nav{display:none;position:absolute;left:0;right:0;top:65px;background:var(--paper);border-bottom:1px solid var(--line);padding:12px 16px 20px}.site-header nav[data-open]{display:block}.site-header nav ul{display:block}.site-header nav li a{display:block;padding:10px}.problem-grid,.method>.section-heading,.section-kicker,.decision-grid,.about-grid,.journal-heading{grid-template-columns:1fr;gap:28px}.method-grid,.scope-grid,.topic-grid,.checklist,.related-grid{grid-template-columns:1fr}.method{padding:85px 0}.problem-band,.scope-section,.topic-map{padding:70px 0}.faq-preview{grid-template-columns:1fr;gap:40px;padding:80px 0}.fit-section>div:first-child{grid-template-columns:1fr;gap:20px}.post-hero{padding:55px 0}.post-layout{padding-top:50px;padding-bottom:65px}.post-aside{grid-template-columns:1fr}.prose table{display:block;overflow-x:auto}.related-grid h3{min-height:0}.footer-grid{grid-template-columns:1fr}}

/* SEO service integration */
.seo-value-band{background:var(--lime);padding:100px 0}.seo-value-grid,.seo-inline{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}.seo-value-grid h2,.seo-inline h2{font-size:clamp(35px,4.2vw,60px);line-height:1.2;letter-spacing:-.06em;margin:0}.seo-value-grid>div:last-child,.seo-inline>div:last-child{font-size:17px}.seo-value-grid .text-link,.seo-inline .text-link{display:inline-block;margin-top:12px}.saving-band{background:var(--ink);color:#f7f5ef;padding:105px 0}.saving-band .eyebrow{color:var(--lime)}.saving-band .scope-grid{background:rgba(255,255,255,.18)}.saving-band .scope-grid>div{border-color:#f7f5ef}.saving-band .scope-grid p{color:#cad0d2}.seo-inline{padding:100px 0}.service-paths{grid-template-columns:repeat(2,1fr)}.service-paths>a{min-height:320px}.editorial-intro{padding-bottom:25px}
@media(max-width:760px){.seo-value-band,.saving-band{padding:70px 0}.seo-value-grid,.seo-inline{grid-template-columns:1fr;gap:30px}.seo-inline{padding:75px 0}.service-paths{grid-template-columns:1fr}.service-paths>a{min-height:0}}

/* Single-form sales funnel */
.form-hero{background:var(--lime)}.inquiry-section{padding:95px 0 120px}.inquiry-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:80px;align-items:start}.inquiry-aside{position:sticky;top:110px}.inquiry-aside h2{font-size:clamp(31px,3.7vw,50px);line-height:1.2;letter-spacing:-.05em;margin:0 0 20px}.inquiry-aside>p:not(.eyebrow){font-size:16px}.inquiry-aside ol{list-style:none;padding:0;margin:30px 0;border-top:1px solid var(--ink)}.inquiry-aside li{display:grid;grid-template-columns:40px 1fr;gap:8px;border-bottom:1px solid var(--line);padding:13px 0;font-size:14px}.inquiry-aside li span{font:11px var(--mono);color:var(--rust)}.response-note{background:var(--cream);padding:22px;margin-top:30px}.response-note strong{font-size:15px}.response-note p{font-size:13px;margin:7px 0 0}.inquiry-form{background:#fff;padding:42px;border:1px solid var(--line)}.inquiry-form fieldset{border:0;padding:0 0 42px;margin:0 0 38px;border-bottom:1px solid var(--line)}.inquiry-form legend{font-size:23px;font-weight:900;margin:0 0 25px;padding:0}.inquiry-form legend span{font:11px var(--mono);color:var(--rust);margin-right:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.form-grid label{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:700}.form-grid label>span{color:var(--rust);margin-left:3px}.form-grid .full{grid-column:1/-1}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{width:100%;border:1px solid #aeb4b7;background:#faf9f6;color:var(--ink);border-radius:0;padding:13px 14px;font:400 15px/1.55 var(--sans)}.inquiry-form textarea{resize:vertical}.inquiry-form input:focus,.inquiry-form select:focus,.inquiry-form textarea:focus{outline:3px solid rgba(212,237,75,.65);border-color:var(--ink)}.inquiry-form small{font-size:11px;font-weight:400;color:#687278}.honey{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important}.consent{display:flex;align-items:flex-start;gap:11px;font-size:13px;margin-bottom:25px}.consent input{width:18px;flex:0 0 18px;margin-top:3px}.consent a{text-decoration:underline;text-decoration-color:var(--rust);text-underline-offset:3px}.submit-button{border:0;cursor:pointer;width:100%;font:700 15px var(--sans)}.form-notice{font-size:11px;color:#687278;text-align:center;margin:12px 0 0}.form-success{min-height:72vh;display:flex;align-items:center;padding:90px 0}.form-success .shell{max-width:880px}.form-success h1{font-size:clamp(44px,6vw,76px);line-height:1.15;letter-spacing:-.065em;margin:18px 0}.form-success>div>p:not(.eyebrow){font-size:18px;max-width:650px}.success-mark{display:grid;place-items:center;width:64px;height:64px;background:var(--lime);font-size:30px}.footer-form-cta{margin-top:20px}.site-footer .footer-grid{grid-template-columns:1.2fr 1fr 1fr}
@media(max-width:760px){.inquiry-section{padding:65px 0 80px}.inquiry-layout{grid-template-columns:1fr;gap:45px}.inquiry-aside{position:static}.inquiry-form{padding:25px 20px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.form-success{min-height:65vh;padding:65px 0}.site-footer .footer-grid{grid-template-columns:1fr}}

/* Cloudflare Worker form states */
.submit-button:disabled{cursor:wait;opacity:.65;transform:none}
.form-status{min-height:1.5em;margin:14px 0 0;color:#a83f2a;font-size:13px;font-weight:700;text-align:center}
.optional-fields{margin:-10px 0 30px;border-bottom:1px solid var(--line)}
.optional-fields summary{padding:18px 0;font-size:14px}
.optional-fields[open] summary{margin-bottom:20px}
.optional-fields .form-grid{padding-bottom:32px}

/* Case-study gallery */
.works-hero{padding:120px 0 95px;background:var(--ink);color:#f7f5ef;border:0}
.works-hero-grid{display:grid;grid-template-columns:1.45fr .55fr;gap:80px;align-items:end}
.works-hero h1{font-size:clamp(48px,6.4vw,94px);max-width:950px}
.works-hero h1 em{font-family:var(--serif);font-weight:600;color:var(--lime)}
.works-hero-note{border-top:1px solid rgba(255,255,255,.32);padding-top:20px}
.works-hero-note p{font-size:15px!important;margin:0 0 28px!important}
.works-hero-note span{font:10px var(--mono);letter-spacing:.08em;color:#aeb7bb}
.case-showcase{padding:110px 0 135px}
.case-feature{--parallax-y:0px;margin-bottom:110px}
.case-media{display:block;position:relative;overflow:hidden;background:#c8c7c2;isolation:isolate}
.case-feature>.case-media{height:clamp(430px,59vw,710px)}
.case-media img{width:100%;height:100%;object-fit:cover;transition:filter .55s ease,transform .65s cubic-bezier(.2,.75,.25,1);will-change:transform}
.case-feature .case-media img{height:112%;margin-top:-6%;transform:translate3d(0,var(--parallax-y),0) scale(1.015)}
.case-feature .case-media:hover img{transform:translate3d(0,var(--parallax-y),0) scale(1.065);filter:saturate(1.08) contrast(1.02)}
.case-image-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 55%,rgba(12,17,20,.42));opacity:.62;transition:opacity .35s}
.case-media:hover .case-image-shade{opacity:.92}
.case-cursor{position:absolute;z-index:2;right:26px;bottom:24px;width:84px;height:84px;display:grid;place-items:center;border-radius:50%;background:var(--lime);color:var(--ink);font:600 11px var(--mono);transform:translate3d(0,16px,0) scale(.82);opacity:0;transition:.35s cubic-bezier(.2,.75,.25,1)}
.case-media:hover .case-cursor,.case-media:focus-visible .case-cursor{opacity:1;transform:translate3d(0,0,0) scale(1)}
.case-feature-copy{display:grid;grid-template-columns:55px 1fr 1fr auto;gap:28px;align-items:start;padding-top:26px;border-top:1px solid var(--ink)}
.case-index{font:500 11px var(--mono);color:var(--rust)}
.case-feature-copy .eyebrow,.case-card-copy .eyebrow{margin:0 0 8px}
.case-feature-copy h2{font-size:clamp(30px,4vw,52px);line-height:1.05;letter-spacing:-.045em;margin:0}
.case-feature-copy>p{max-width:390px;font-size:15px;margin:0}
.case-domain{font:500 11px var(--mono);border-bottom:1px solid var(--ink);padding:2px 0 5px;white-space:nowrap}
.case-domain span{color:var(--rust);font-size:15px;margin-left:6px}
.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:105px 28px}
.case-card{--tilt-x:0deg;--tilt-y:0deg;--mouse-x:50%;--mouse-y:50%;--parallax-y:0px;position:relative;transform:perspective(1100px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;transition:transform .28s ease}
.case-card .case-media{aspect-ratio:16/10}
.case-card .case-media img{height:120%;margin-top:-10%;transform:translate3d(0,var(--parallax-y),0) scale(1.01)}
.case-card .case-media:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),rgba(212,237,75,.2),transparent 28%);opacity:0;transition:opacity .3s}
.case-card:hover .case-media:after{opacity:1}
.case-card:hover .case-media img{transform:translate3d(0,var(--parallax-y),0) scale(1.06);filter:saturate(1.08)}
.case-card-copy{display:grid;grid-template-columns:42px 1fr;gap:14px 12px;padding-top:20px;border-top:1px solid var(--ink);margin-top:14px}
.case-card-copy h2{font-size:clamp(25px,2.6vw,37px);line-height:1.15;letter-spacing:-.04em;margin:0}
.case-card-copy>div>p:last-child{font-size:14px;max-width:520px;margin:12px 0 0}
.case-card-copy .case-domain{grid-column:2;justify-self:start}
.case-reveal{opacity:0;transform:translateY(42px);transition:opacity .75s ease,transform .8s cubic-bezier(.2,.75,.25,1)}
.case-reveal.is-visible{opacity:1;transform:translateY(0)}
.case-card.case-reveal.is-visible{transform:perspective(1100px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y))}
.works-method{padding:110px 0;background:var(--lime)}
.works-method-grid{display:grid;grid-template-columns:.35fr 1.05fr .8fr;gap:55px;align-items:start}
.works-method-grid h2{font-size:clamp(36px,4.5vw,66px);line-height:1.15;letter-spacing:-.06em;margin:0}
.works-method-grid>div{font-size:16px}
@media(max-width:900px){
  .works-hero-grid{grid-template-columns:1fr;gap:50px}
  .case-feature-copy{grid-template-columns:42px 1fr}
  .case-feature-copy>p,.case-feature-copy>.case-domain{grid-column:2}
  .works-method-grid{grid-template-columns:.35fr 1fr}
  .works-method-grid>div{grid-column:2}
}
@media(max-width:760px){
  .works-hero{padding:75px 0 65px}
  .works-hero h1{font-size:clamp(43px,13.5vw,66px)}
  .case-showcase{padding:70px 0 85px}
  .case-feature{margin-bottom:75px}
  .case-feature>.case-media{height:56vw;min-height:260px}
  .case-feature-copy{gap:16px 10px}
  .case-feature-copy h2{font-size:31px}
  .case-grid{grid-template-columns:1fr;gap:70px}
  .case-card .case-media{aspect-ratio:16/10}
  .case-cursor{display:none}
  .works-method{padding:75px 0}
  .works-method-grid{grid-template-columns:1fr;gap:25px}
  .works-method-grid>div{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){
  .case-reveal{opacity:1;transform:none;transition:none}
  .case-card,.case-card.case-reveal.is-visible{transform:none}
  .case-media img,.case-cursor{transition:none!important}
}

/* SEO case-study detail pages */
.case-detail-hero{padding:70px 0 95px;background:var(--ink);color:#f7f5ef}
.case-detail-hero .breadcrumbs{color:#aeb7bb}
.case-detail-hero .breadcrumbs a{color:#f7f5ef}
.case-detail-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:85px;align-items:end}
.case-detail-heading h1{font-size:clamp(48px,7vw,96px);line-height:1.02;letter-spacing:-.07em;margin:0}
.case-detail-heading>div:last-child>p{font-size:18px;max-width:560px;margin:0 0 28px}
.case-detail-heading .text-link{border-color:#f7f5ef}
.case-detail-heading .text-link span{color:var(--lime)}
.case-detail-main{padding:95px 0 30px}
.case-detail-visual{--detail-parallax:0px;margin:0 0 120px;overflow:hidden}
.case-detail-visual img{width:100%;height:clamp(390px,57vw,700px);object-fit:cover;transform:translate3d(0,var(--detail-parallax),0) scale(1.08);will-change:transform}
.case-detail-visual figcaption{padding-top:11px;font:10px var(--mono);color:#687278;letter-spacing:.04em}
.case-detail-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;padding:20px 0 115px}
.case-detail-section h2{font-size:clamp(34px,4.3vw,60px);line-height:1.18;letter-spacing:-.055em;margin:0}
.case-lede{font-size:20px;line-height:1.85;margin:0 0 35px}
.case-goal-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.case-goal-list li{display:grid;grid-template-columns:46px 1fr;gap:12px;padding:18px 0;border-bottom:1px solid var(--line);font-size:16px;font-weight:700}
.case-goal-list span,.case-seo-list span{font:11px var(--mono);color:var(--rust)}
.case-seo-band{background:var(--lime);padding:105px 0 0;margin-bottom:105px}
.case-keyword{font:500 11px/1.5 var(--mono);margin:25px 0 0}
.case-seo-list{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(29,37,43,.28);border:1px solid rgba(29,37,43,.28)}
.case-seo-list article{background:var(--lime);padding:24px;min-height:175px}
.case-seo-list p{font-size:16px;font-weight:700;margin:35px 0 0}
.case-content-direction{padding-bottom:100px}
.case-content-direction>div:last-child>p:not(.case-lede){font-size:14px;color:#596369}
.case-next-links{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink);margin-top:35px}
.case-next-links a{padding:15px 8px 15px 0;border-bottom:1px solid var(--line);font-size:13px;font-weight:700}
.case-next-links span{color:var(--rust)}
@media(max-width:900px){
  .case-detail-heading,.case-detail-section{grid-template-columns:1fr;gap:42px}
  .case-detail-section{padding-bottom:85px}
}
@media(max-width:760px){
  .case-detail-hero{padding:50px 0 65px}
  .case-detail-heading h1{font-size:clamp(42px,14vw,65px)}
  .case-detail-heading>div:last-child>p{font-size:16px}
  .case-detail-main{padding-top:55px}
  .case-detail-visual{margin-bottom:75px}
  .case-detail-visual img{height:58vw;min-height:250px}
  .case-detail-section{gap:28px;padding-bottom:70px}
  .case-lede{font-size:17px}
  .case-seo-band{padding-top:70px;margin-bottom:70px}
  .case-seo-list,.case-next-links{grid-template-columns:1fr}
  .case-seo-list article{min-height:0}
}

/* Navigation and homepage micro-interactions */
.site-header{transition:background-color .3s ease,box-shadow .3s ease,border-color .3s ease}
.nav-wrap{transition:height .35s cubic-bezier(.2,.75,.25,1)}
.site-header[data-scrolled]{background:rgba(244,242,237,.86);border-color:rgba(29,37,43,.12);box-shadow:0 10px 30px rgba(29,37,43,.07)}
.wordmark span,.wordmark i{display:inline-block;transition:transform .35s cubic-bezier(.2,.75,.25,1),color .25s ease}
.wordmark:hover span{transform:translateX(-2px)}
.wordmark:hover i{transform:translateX(3px) rotate(-5deg);color:var(--rust)}
.site-header nav a{position:relative;display:block}
.site-header nav a:after{content:"";position:absolute;left:0;right:0;bottom:1px;height:2px;background:var(--rust);transform:scaleX(0);transform-origin:right;transition:transform .3s cubic-bezier(.2,.75,.25,1)}
.site-header nav a:hover:after,.site-header nav a:focus-visible:after,.site-header nav a[aria-current=page]:after{transform:scaleX(1);transform-origin:left}
.site-header [aria-current=page]{border-bottom:0}
.nav-cta{--magnetic-x:0px;--magnetic-y:0px;position:relative;isolation:isolate;padding:8px 10px;transform:translate3d(var(--magnetic-x),var(--magnetic-y),0);transition:transform .25s ease,color .25s ease}
.nav-cta:before{content:"";position:absolute;inset:2px 0;z-index:-1;background:var(--lime);transform:scaleX(0);transform-origin:right;transition:transform .3s cubic-bezier(.2,.75,.25,1)}
.nav-cta:hover:before,.nav-cta:focus-visible:before{transform:scaleX(1);transform-origin:left}
.nav-cta span{display:inline-block;transition:transform .3s ease}
.nav-cta:hover span,.nav-cta:focus-visible span{transform:translate(3px,-3px) rotate(8deg)}
@media(min-width:761px){.site-header[data-scrolled] .nav-wrap{height:68px}}

.home-motion .hero{--hero-frame-y:0px;--hero-image-y:0px;--hero-stamp-y:0px;--hero-rotate-x:0deg;--hero-rotate-y:0deg;--hero-pointer-x:0px;--hero-pointer-y:0px;--hero-stamp-x:0px;--hero-stamp-pointer-y:0px}
.home-motion .hero-copy>*{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .8s cubic-bezier(.2,.75,.25,1)}
.home-motion.is-home-ready .hero-copy>*{opacity:1;transform:translateY(0)}
.home-motion .hero-copy>:nth-child(2){transition-delay:.08s}
.home-motion .hero-copy>:nth-child(3){transition-delay:.16s}
.home-motion .hero-copy>:nth-child(4){transition-delay:.24s}
.home-motion .hero-art{transform:translate3d(0,var(--hero-frame-y),0) perspective(1100px) rotateX(var(--hero-rotate-x)) rotateY(var(--hero-rotate-y));transform-style:preserve-3d;transition:transform .22s ease-out;will-change:transform}
.home-motion .hero-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 76% 18%,rgba(212,237,75,.16),transparent 31%);mix-blend-mode:screen;opacity:.58;transition:opacity .35s ease}
.home-motion .hero-art:hover:after{opacity:.9}
.home-motion .hero-art img{transform:translate3d(var(--hero-pointer-x),calc(var(--hero-image-y) + var(--hero-pointer-y)),0) scale(1.07);transition:transform .3s ease-out,filter .5s ease;will-change:transform}
.home-motion .hero-art:hover img{filter:saturate(1.08) contrast(1.025)}
.home-motion .hero-stamp{transform:translate3d(var(--hero-stamp-x),calc(var(--hero-stamp-y) + var(--hero-stamp-pointer-y)),32px) rotate(5deg);transition:transform .28s ease-out,background-color .3s ease;will-change:transform}
.home-motion .hero-art:hover .hero-stamp{background:#e0f760}
.home-motion .hero-meta span{display:inline-block;transition:transform .25s ease,color .25s ease}
.home-motion .hero-meta span:hover{transform:translateY(-3px);color:var(--rust)}
.motion-reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .75s cubic-bezier(.2,.75,.25,1);transition-delay:calc(var(--reveal-order,0) * 55ms)}
.motion-reveal.is-visible{opacity:1;transform:translateY(0)}
.home-motion .method-grid article{position:relative;transition:transform .3s ease,background-color .3s ease}
.home-motion .method-grid article:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--rust);transform:scaleX(0);transform-origin:right;transition:transform .35s ease}
.home-motion .method-grid article:hover{background:#faf9f4;transform:translateY(-5px)}
.home-motion .method-grid article:hover:after{transform:scaleX(1);transform-origin:left}
.home-motion .service-list article,.home-motion .process li,.home-motion .problem-grid li{transition:transform .28s ease,background-color .28s ease,padding-left .28s ease}
.home-motion .service-list article:hover,.home-motion .process li:hover{transform:translateX(7px);background:rgba(255,255,255,.3);padding-left:12px}
.home-motion .problem-grid li:hover{transform:translateX(6px);background:rgba(255,255,255,.22);padding-left:10px}
.home-motion .button span,.home-motion .text-link span{display:inline-block;transition:transform .25s ease}
.home-motion .button:hover span,.home-motion .text-link:hover span{transform:translate(3px,-2px)}
.home-motion .work-strip a:after{content:"";position:absolute;inset:0;border:1px solid rgba(212,237,75,0);transition:border-color .35s ease;pointer-events:none}
.home-motion .work-strip a:hover:after{border-color:rgba(212,237,75,.78)}
@media(prefers-reduced-motion:reduce){
  .nav-wrap,.site-header,.wordmark span,.wordmark i,.site-header nav a:after,.nav-cta,.nav-cta:before,.nav-cta span{transition:none}
  .home-motion .hero-copy>*,.motion-reveal{opacity:1;transform:none;transition:none}
  .home-motion .hero-art,.home-motion .hero-art img,.home-motion .hero-stamp{transform:none;transition:none}
}

/* Social covers and footer contrast */
.site-footer .footer-form-cta{color:var(--ink);border:1px solid var(--lime)}
.site-footer .footer-form-cta:hover,.site-footer .footer-form-cta:focus-visible{background:#e2f765;color:#11181c}
.post-cover{margin-top:55px;margin-bottom:0}
.post-cover img{width:100%;height:auto;border:1px solid var(--line)}
@media(max-width:760px){.post-cover{margin-top:35px}}