@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;800&display=swap');

/* Shared visual language */
:root{--paper:#f7f4e9;--surface:#fffcf4;--wash:#e8ead8;--ink:#302f25;--muted:#706d5b;--olive:#58613c;--olive-mid:#8b926c;--line:#d4cfba;--accent:#a36742;--radius:12px;--space:24px;--section:80px;--max:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans TC',sans-serif;font-size:var(--text-body);line-height:1.8;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible,video:focus-visible{outline:3px solid var(--accent);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:700}h1{font-size:clamp(38px,4.4vw,60px);line-height:1.45;letter-spacing:-.045em}h2{font-size:clamp(30px,3.2vw,40px);line-height:1.5;letter-spacing:-.035em}h3{font-size:var(--text-subheading);line-height:1.55;letter-spacing:-.02em}p{line-height:1.9}strong,b{font-weight:600}small{font-size:var(--text-small)}img,video{max-width:100%;display:block}main>section,header,footer{max-width:var(--max);margin-inline:auto}main>section{padding:var(--section) 5.5%}.eyebrow{font-size:var(--text-label);line-height:1.5;letter-spacing:.14em;color:var(--olive);font-weight:700;margin-bottom:18px}.section-head,.why-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:40px}.section-head>p,.why-heading>p{font-size:var(--text-body);color:var(--muted);max-width:360px}.text-link{display:inline-block;padding:5px 0;border-bottom:1px solid var(--olive);font-size:var(--text-small);font-weight:500;white-space:nowrap}.text-link:hover{color:var(--accent);border-color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--olive);color:var(--surface);padding:13px 24px;border-radius:8px;font-size:var(--text-body);font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#414b2b;transform:translateY(-2px)}
/* Navigation and opening */
header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 5.5%;border-bottom:1px solid var(--line)}.brand{display:grid;grid-template-columns:44px 1fr;column-gap:12px;font-size:var(--text-small);letter-spacing:.06em;font-weight:700;line-height:1.5}.brand img{width:44px;height:44px;border-radius:50%;grid-row:span 2}.brand span{font-size:var(--text-label);letter-spacing:.1em;font-weight:400;color:var(--muted)}nav{display:flex;gap:24px;align-items:center;font-size:var(--text-small)}nav a:hover{color:var(--accent)}nav a:last-child{border:1px solid var(--line);border-radius:24px;padding:6px 14px}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:6%;align-items:center;padding-top:56px;padding-bottom:64px}.hero .eyebrow{font-size:var(--text-label)}.underline{color:var(--olive);text-decoration:underline;text-decoration-color:#bba276;text-underline-offset:10px;text-decoration-thickness:4px}.lead{margin-top:24px;font-size:var(--text-body);color:var(--muted);line-height:2}.actions{display:flex;align-items:center;gap:24px;margin-top:30px}.small{margin-top:26px;color:var(--muted);font-size:var(--text-label);letter-spacing:.1em}.hero-art{position:relative;padding:10px 10px 0;background:#e9dfc6;border-radius:46% 46% 8px 8px;transform:rotate(2deg)}.hero-art>img{width:100%;border-radius:46% 46% 0 0}.caption{font-size:var(--text-label);text-align:center;padding:14px 5px;color:#625a46}.stamp{position:absolute;right:-12px;top:18px;display:grid;place-content:center;width:104px;height:104px;border-radius:50%;background:var(--accent);color:var(--paper);border:4px double var(--paper);font-size:var(--text-label);line-height:1.6;text-align:center;transform:rotate(10deg)}.ticker{max-width:var(--max);margin:auto;background:var(--olive);color:var(--paper);display:flex;justify-content:space-evenly;align-items:center;gap:16px;padding:18px 5.5%;font-size:var(--text-small);letter-spacing:.1em}.ticker b{font-weight:400;color:#c9ba90}
/* Credentials */
.why-section{background:var(--wash)}.reason-list{display:grid;gap:24px}.reason{border:1px solid #bfc5a5;border-radius:var(--radius);padding:32px;background:var(--surface)}.output-card{display:grid;grid-template-columns:1fr 1.3fr;gap:32px;align-items:center}.reason-copy p{font-size:var(--text-small);color:var(--muted);margin-top:12px}.view-numbers{display:grid;grid-template-columns:1fr 1fr;gap:24px}.number-tile{border-left:1px solid var(--line);padding-left:24px;display:flex;flex-direction:column}.number-tile>span{font-size:var(--text-small);color:var(--muted)}.number-tile strong{font-size:var(--text-display);line-height:1.5;letter-spacing:-.045em;color:var(--olive);font-weight:700;white-space:nowrap}.number-tile small{font-size:var(--text-subheading);font-weight:500;margin-left:6px;letter-spacing:0}.number-tile .metric-caption{font-size:var(--text-label)}.pm-card{display:grid;grid-template-columns:1fr 1.3fr 164px;gap:28px;align-items:center;border-color:var(--olive);background:#f3f2e2}.pm-heading .eyebrow{color:var(--accent);margin-bottom:14px}.pm-heading h3{font-size:var(--text-subheading)}.pm-heading>p:last-child{margin-top:14px;font-size:var(--text-small);color:var(--muted)}.pm-body p{font-size:var(--text-body)}.pm-tags{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.pm-tags span{font-size:var(--text-small);padding:3px 12px;border:1px solid #c3c8a7;border-radius:24px}.pm-body .pm-ai{font-size:var(--text-small);color:var(--muted)}
/* Shared character artwork: one size, no competing frames */
.sticker{display:block;flex-shrink:0;width:154px;height:145px;background-image:url('assets/dog-stickers.png');background-size:768px 512px;background-repeat:no-repeat;background-color:transparent;mix-blend-mode:multiply}.dog-laptop{background-position:0 -15px}.dog-headphones{background-position:-153px -15px}.dog-edit{width:164px;background-position:-304px -15px}.kang-cut{width:138px;height:154px;background-image:url('assets/kang-editing.png');background-size:691.2px 460.8px;background-position:-310px -15px}
/* Audience */
.audience-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:24px}.audience-card{border:1px solid var(--line);border-radius:var(--radius);padding:26px;background:var(--surface)}.audience-card .eyebrow{margin-bottom:18px;letter-spacing:.1em}.audience-card h3{font-size:var(--text-body);font-weight:500;line-height:1.8}.audience-card h3 strong{font-size:var(--text-metric);color:var(--olive);font-weight:700;margin-right:4px;letter-spacing:-.03em}.age-chart{margin-top:20px}.age-row{display:grid;grid-template-columns:75px 1fr 36px;gap:9px;align-items:center;font-size:var(--text-small);margin-top:12px}.age-row>div{height:8px;background:#e7e4d6;border-radius:4px;overflow:hidden}.age-row i{display:block;height:100%;background:#aba68b}.age-row .main-age{background:var(--olive)}.age-row b{text-align:right;font-weight:500}.gender-donut{width:168px;max-width:100%;aspect-ratio:1;margin:24px auto;border-radius:50%;background:conic-gradient(var(--olive) 58%,#b9936b 58%);display:grid;place-items:center}.gender-donut>div{display:flex;flex-direction:column;justify-content:center;align-items:center;width:76%;height:76%;border-radius:50%;background:var(--surface)}.gender-donut strong{font-size:var(--text-metric);line-height:1.4;color:var(--olive);font-weight:700}.gender-donut span{font-size:var(--text-small)}.gender-legend{display:flex;justify-content:center;gap:18px;font-size:var(--text-small)}.gender-legend span:before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--olive);margin-right:6px}.gender-legend span:last-child:before{background:#b9936b}.location-line{display:flex;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid var(--line);font-size:var(--text-body)}.location-line:last-child{border:0}
/* Unframed portfolio */
.works{background:#ede9dc}.work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}.work{min-width:0;--rank-color:#985a37;scroll-margin-top:24px}.work:nth-child(2){--rank-color:#626b3b}.work:nth-child(3){--rank-color:#48716c}.work:nth-child(4){--rank-color:#77647c}.video-frame{background:#24271f;border:5px solid var(--surface);border-radius:8px;overflow:hidden;margin-bottom:24px;box-shadow:0 3px 0 #d4ccb6}.video-frame video{width:100%;aspect-ratio:9/16;object-fit:contain}.work .eyebrow{font-size:var(--text-label);margin:0 0 8px;letter-spacing:.09em;color:var(--rank-color)}.work h3{font-size:var(--text-subheading);line-height:1.7}.work-date{font-size:var(--text-label);color:var(--muted);margin-top:5px}.rank-performance{border-top:2px solid var(--rank-color);padding-top:14px;margin-top:22px;color:var(--rank-color)}.rank-caption{display:flex;justify-content:space-between;gap:8px;font-size:var(--text-label)}.rank-caption span:last-child{color:var(--muted)}.rank-performance>strong{display:block;margin-top:5px;font-size:var(--text-display);letter-spacing:-.045em;line-height:1.5;font-weight:700}.rank-performance small{font-size:var(--text-subheading);font-weight:500;margin-left:6px;letter-spacing:0}.mini-stats{display:flex;gap:32px;border-top:1px solid var(--line);padding-top:14px;margin-top:10px;font-size:var(--text-small);color:var(--muted)}.mini-stats b{display:block;font-size:var(--text-subheading);line-height:1.7;color:var(--ink)}
/* Content pillars */
.pillar-list{border-top:1px solid var(--line)}.pillar-row{display:grid;grid-template-columns:40px 1.05fr 1fr 1.15fr;gap:22px;align-items:center;padding:25px 0;border-bottom:1px solid var(--line)}.pillar-no{font-size:var(--text-metric);color:var(--olive-mid);font-weight:700;line-height:1.3;align-self:start;padding-top:8px}.pillar-title h3{font-size:var(--text-subheading)}.pillar-title p{font-size:var(--text-small);color:var(--muted);margin-top:10px}.pillar-example{display:flex;gap:16px;align-items:center;border-radius:4px}.pillar-example img{width:66px;height:98px;object-fit:cover;border:3px solid #e6dfcb;transition:transform .22s,box-shadow .22s}.pillar-example span{font-size:var(--text-small)}.pillar-example b{font-size:var(--text-label);font-weight:400;color:var(--olive)}.pillar-example:hover img,.pillar-example:focus-visible img{transform:translateY(-4px) rotate(-3deg);box-shadow:3px 5px 0 #d4d5b8}.pillar-fit{border-left:1px solid var(--line);padding-left:22px}.pillar-fit>span{font-size:var(--text-label);color:var(--olive);letter-spacing:.05em}.pillar-fit p{font-size:var(--text-body);font-weight:600;margin:6px 0}.pillar-fit small{font-size:var(--text-small);display:block;color:var(--muted)}.podcast-service{display:grid;grid-template-columns:1fr 2fr auto;gap:24px;align-items:center;background:#edeade;border-radius:var(--radius);padding:24px;margin-top:24px}.podcast-service .eyebrow{font-size:var(--text-label);display:block;margin-bottom:8px}.podcast-service h3{font-size:var(--text-subheading)}.podcast-service>p{font-size:var(--text-small);color:var(--muted)}.sample-status{font-size:var(--text-label);border:1px solid var(--line);border-radius:24px;padding:4px 12px;white-space:nowrap}.tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding-top:24px;margin-top:24px;border-top:1px solid var(--line)}.tools>span{font-size:var(--text-label);letter-spacing:.09em;color:var(--muted);margin-right:auto}.tools b{font-size:var(--text-small);border:1px solid var(--line);border-radius:24px;padding:4px 12px;font-weight:500}
/* Extended services */
.resource-section{display:grid;grid-template-columns:.82fr 1.7fr;gap:40px;background:var(--wash);align-items:stretch}.service-intro{display:flex;flex-direction:column}.service-intro>p:not(.eyebrow){font-size:var(--text-body);color:var(--muted);margin-top:20px}.service-intro>.sticker{margin-top:auto;height:137px}.service-links{display:grid;grid-template-columns:1fr 1fr;gap:24px}.resource-card{border:1px solid var(--line);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;transition:transform .22s,box-shadow .22s}.guide-card{background:var(--surface);color:var(--olive)}.diagnostic-card{background:#675440;color:#fff9e8;border-color:#675440}.resource-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.resource-heading>span:first-child{font-size:var(--text-label);font-weight:600;letter-spacing:.07em}.resource-arrow{font-size:var(--text-subheading);display:grid;place-items:center;width:34px;height:34px;border:1px solid currentColor;border-radius:50%;flex-shrink:0}.resource-card h3{font-size:var(--text-subheading);line-height:1.65;margin:30px 0 18px}.resource-card>p{font-size:var(--text-small);line-height:1.9;margin-bottom:30px}.guide-card>p{color:var(--muted)}.diagnostic-card>p{color:#e8dfcc}.resource-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:var(--text-label);border-top:1px solid #babca3;padding-top:18px}.resource-footer b{font-size:var(--text-small)}.diagnostic-card .resource-footer{border-color:#95826b}.resource-card:hover,.resource-card:focus-visible{transform:translateY(-4px);box-shadow:0 10px 20px #414b3014}
/* Pricing */
.price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.price-grid article{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:30px}.price-grid article.featured{background:#eeefde;border:1px solid var(--olive)}.price-action{height:156px;display:flex;justify-content:center;align-items:center;margin-bottom:24px}.price-grid article>p{font-size:var(--text-body)}.price-grid article>p:first-of-type{font-weight:600;font-size:var(--text-body)}.price-grid h3{font-size:var(--text-metric);line-height:1.5;color:var(--olive);letter-spacing:-.035em;margin:18px 0 14px;white-space:nowrap}.price-grid h3 span{font-size:var(--text-small);font-weight:400;letter-spacing:0}.price-grid hr{border:0;border-top:1px solid var(--line);margin:24px 0}.price-grid article>p:last-child{color:var(--muted)}.package-included{display:grid;grid-template-columns:190px 1fr;gap:24px;align-items:center;background:var(--wash);padding:26px 30px;border-radius:var(--radius);margin-top:24px}.package-included .eyebrow{margin-bottom:8px}.package-included h3,.package-addons h3{font-size:var(--text-subheading)}.package-included ul{list-style:none;display:flex;flex-wrap:wrap;gap:10px 24px;padding:0;margin:0}.package-included li{font-size:var(--text-body)}.package-included li:before{content:'✓';color:var(--olive);margin-right:8px}.package-addons{margin:28px 0}.package-addons h3{margin-bottom:16px}.addon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.addon-grid>div{border:1px solid var(--line);border-radius:var(--radius);padding:20px 24px;display:flex;flex-direction:column;gap:10px}.addon-grid span{font-size:var(--text-body)}.addon-grid strong{font-size:var(--text-subheading);color:var(--olive);font-weight:600;line-height:1.5}.addon-grid small{font-size:var(--text-small);font-weight:400}.contact{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:32px;margin-top:0}.contact h3{font-size:var(--text-subheading)}.contact p{font-size:var(--text-small);color:var(--muted);margin-top:8px}details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;font-size:var(--text-small)}summary{font-weight:500;cursor:pointer}details p{margin-top:16px;max-width:960px;color:var(--muted)}footer{padding:24px 5.5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:var(--text-label);color:var(--muted)}
/* Tablet */
@media(max-width:1080px){:root{--section:64px}nav{gap:16px}.hero{gap:4%}.hero .eyebrow{font-size:var(--text-label)}.actions{flex-wrap:wrap;gap:18px}.number-tile strong{font-size:var(--text-display)}.pm-card{grid-template-columns:1fr 1.4fr;gap:24px}.pm-card>.sticker{grid-column:1;grid-row:2;justify-self:start}.pm-body{grid-column:2;grid-row:1/3}.audience-grid{gap:18px}.audience-card{padding:22px}.gender-donut{width:144px}.gender-legend{flex-wrap:wrap;gap:8px 15px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px}.pillar-row{grid-template-columns:35px 1fr 1fr;gap:20px}.pillar-fit{grid-column:2/4;border-left:0;border-top:1px dashed var(--line);padding:12px 0 0}.podcast-service{grid-template-columns:1fr 2fr}.sample-status{grid-column:1/3;justify-self:start}.resource-section{grid-template-columns:1fr;gap:32px}.service-intro{display:block;position:relative;padding-right:180px}.service-intro>.sticker{position:absolute;right:0;bottom:0}.service-links{gap:24px}.resource-card h3{font-size:var(--text-subheading)}.price-grid{gap:18px}.price-grid article{padding:24px}.price-grid h3{font-size:var(--text-metric)}.addon-grid{gap:18px}.package-included{grid-template-columns:160px 1fr}.tools>span{width:100%;margin-bottom:4px}}
/* Mobile */
@media(max-width:720px){:root{--section:48px}header{flex-direction:column;align-items:flex-start;padding:20px 6%;gap:18px}nav{width:100%;flex-wrap:wrap;gap:10px 20px;font-size:var(--text-small)}nav a:last-child{border:0;padding:0}main>section{padding-left:6%;padding-right:6%}.hero{grid-template-columns:1fr;gap:36px;padding-top:40px}.hero-art{width:min(90%,390px);margin-inline:auto}.hero .eyebrow{font-size:var(--text-label)}.lead{font-size:var(--text-body)}.stamp{width:96px;height:96px}.ticker{font-size:var(--text-label);gap:8px;letter-spacing:0;padding:16px 4%}.section-head,.why-heading{display:block;margin-bottom:28px}.section-head>p,.why-heading>p{margin-top:18px;font-size:var(--text-small)}.section-head>.text-link{margin-top:20px}.output-card{grid-template-columns:1fr;gap:24px}.reason{padding:24px}.reason-copy h3 br{display:none}.view-numbers{gap:20px}.number-tile{padding-left:18px}.number-tile:first-child{border:0;padding-left:0}.number-tile strong{font-size:var(--text-display)}.pm-card{grid-template-columns:1fr 135px;gap:18px}.pm-heading h3{font-size:var(--text-subheading)}.pm-card>.sticker{grid-column:2;grid-row:1;align-self:center;justify-self:center;transform:scale(.85)}.pm-body{grid-column:1/3;grid-row:2}.pm-body br{display:none}.audience-grid{grid-template-columns:1fr 1fr;gap:18px}.audience-card:first-child{grid-column:1/3}.audience-card h3 strong{font-size:var(--text-metric)}.audience-card .eyebrow{font-size:var(--text-label)}.age-row{font-size:var(--text-small)}.location-line{font-size:var(--text-small);gap:8px}.work-grid{gap:36px 20px}.work h3{font-size:var(--text-body)}.video-frame{border-width:4px;margin-bottom:20px}.rank-performance>strong{font-size:var(--text-display)}.rank-caption{font-size:var(--text-label);gap:6px}.mini-stats{gap:24px}.mini-stats b{font-size:var(--text-body)}.pillar-row{grid-template-columns:28px 1fr;gap:12px 15px}.pillar-title h3{font-size:var(--text-subheading)}.pillar-title p{margin-top:8px}.pillar-example,.pillar-fit{grid-column:2}.pillar-example{padding:8px 0}.pillar-no{font-size:var(--text-metric)}.podcast-service{grid-template-columns:1fr;gap:14px;padding:24px}.podcast-service>p,.sample-status{grid-column:1}.tools{gap:8px}.tools b{font-size:var(--text-small)}.service-intro{padding-right:0}.service-intro>.sticker{display:none}.service-links{grid-template-columns:1fr;gap:18px}.resource-card{padding:26px}.resource-card h3{font-size:var(--text-subheading);margin-top:22px}.resource-heading>span:first-child{font-size:var(--text-label)}.price-grid{grid-template-columns:1fr;gap:20px}.price-grid article{padding:28px}.price-grid h3{font-size:var(--text-metric)}.price-action{margin-bottom:20px}.package-included{grid-template-columns:1fr;gap:18px;padding:24px}.package-included ul{display:grid;gap:10px}.addon-grid{grid-template-columns:1fr;gap:12px}.addon-grid>div{flex-direction:row;justify-content:space-between;align-items:center;padding:18px 22px}.addon-grid strong{font-size:var(--text-subheading)}.contact{display:block}.contact h3{font-size:var(--text-subheading)}.contact .button{margin-top:22px}footer{flex-direction:column;gap:4px;padding:22px 6%}}
@media(max-width:420px){.audience-grid{grid-template-columns:1fr}.audience-card:first-child{grid-column:1}.work-grid{grid-template-columns:1fr}.rank-caption{font-size:var(--text-label)}.rank-performance>strong{font-size:var(--text-display)}.work h3{font-size:var(--text-subheading)}.mini-stats{gap:40px}.pm-card{grid-template-columns:1fr 115px}.pm-card>.sticker{transform:scale(.72)}.pm-heading h3{font-size:var(--text-subheading)}.number-tile strong{font-size:var(--text-display)}.number-tile small{font-size:var(--text-body)}.number-tile .metric-caption{font-size:var(--text-label)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.button:hover,.resource-card:hover,.pillar-example:hover img,.pillar-example:focus-visible img{transform:none}}
/* Responsive navigation and clearer mobile sections */
header{position:relative}header nav{margin-left:auto}.menu-toggle{display:none}.audience-grid{grid-template-columns:1.25fr 1fr}.price-grid article{background:#fff;border-color:var(--line);transition:background .2s,border-color .2s}.price-grid article:hover{background:#eeefde;border-color:var(--olive)}.terms-content{padding-top:20px}.terms-content h3{font-size:var(--text-subheading);margin-bottom:14px}.terms-content h3:not(:first-child){margin-top:28px}.process-list,.terms-list{padding-left:24px;margin:0;color:var(--muted);font-size:var(--text-body)}.process-list li,.terms-list li{padding-left:5px;margin-bottom:10px}.terms-list li::marker,.process-list li::marker{color:var(--olive)}
@media(max-width:720px){header{flex-direction:row;align-items:center;gap:12px;flex-wrap:wrap}.brand{font-size:var(--text-label);grid-template-columns:38px 1fr;column-gap:9px}.brand img{width:38px;height:38px}.brand span{font-size:var(--text-label)}.menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:76px;min-height:44px;margin-left:auto;padding:8px 12px;border:1px solid var(--line);border-radius:8px;color:var(--olive);background:var(--surface);font:inherit;font-size:var(--text-small);cursor:pointer}.menu-toggle:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.menu-icon{width:17px;height:12px;border-top:2px solid currentColor;border-bottom:2px solid currentColor;position:relative}.menu-icon:after{content:'';position:absolute;left:0;right:0;top:4px;border-top:2px solid currentColor}.menu-toggle[aria-expanded="true"]{background:var(--wash)}header nav{display:none;position:absolute;top:calc(100% - 4px);right:6%;width:min(260px,88vw);padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 26px #302f2520;z-index:20;margin:0}header nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}header nav a,header nav a:last-child{display:block;padding:12px 14px;border:0;border-radius:6px;font-size:var(--text-body)}header nav a:hover,header nav a:focus-visible{background:var(--wash)}.audience-grid{grid-template-columns:1fr}.audience-card:first-child{grid-column:1}.work-grid{grid-template-columns:1fr;gap:0}.work{padding:28px 0;border-bottom:1px solid #b9b39e}.work:first-child{padding-top:0}.work:last-child{border-bottom:0;padding-bottom:0}.work+.work{margin-top:24px}.video-frame{width:min(100%,360px);margin:0 auto 24px;border-width:5px;box-shadow:0 4px 0 #c5bca5}.work h3{font-size:var(--text-subheading)}.rank-performance>strong{font-size:var(--text-display)}.rank-caption{font-size:var(--text-label)}.mini-stats{gap:40px}.work .eyebrow,.work h3,.work-date,.rank-performance,.mini-stats{max-width:360px;margin-left:auto;margin-right:auto}.terms-list{font-size:var(--text-body);line-height:1.9}.terms-list li{margin-bottom:14px}}
@media(hover:none){.price-grid article:hover{background:#fff;border-color:var(--line)}}

/* Shared typography: hero / section / subsection / body / metadata / metrics */
:root{--text-hero:56px;--text-section:36px;--text-subheading:22px;--text-body:16px;--text-small:14px;--text-label:12px;--text-metric:36px;--text-display:44px}
h1{font-size:var(--text-hero)}h2,.service-intro h2{font-size:var(--text-section)}h3,.pm-heading h3,.work h3,.pillar-title h3,.podcast-service h3,.resource-card h3,.contact h3,.package-included h3,.package-addons h3,.terms-content h3{font-size:var(--text-subheading)}.section-head>p,.why-heading>p,.lead,.pm-body p,.resource-card>p,.price-grid article>p,.package-included li,.terms-list,.process-list{font-size:var(--text-body)}.eyebrow,.hero .eyebrow,.audience-card .eyebrow,.work .eyebrow,.resource-heading>span:first-child{font-size:var(--text-label)}.number-tile strong,.rank-performance>strong{font-size:var(--text-display)}.price-grid h3,.audience-card h3 strong,.gender-donut strong,.addon-grid strong{font-size:var(--text-metric)}.number-tile small,.rank-performance small,.price-grid h3 span,.addon-grid small{font-size:var(--text-small)}
/* Open portfolio: whitespace instead of stacked separators */
.rank-performance{border:0;padding-top:0;margin-top:22px}.mini-stats{border:0;padding-top:0;margin-top:10px}.video-frame{border:0;box-shadow:none}.work{border:0}.work+.work{border:0}
@media(max-width:720px){:root{--text-hero:40px;--text-section:30px;--text-subheading:22px;--text-metric:36px;--text-display:44px}.work{padding:0;border:0}.work+.work{margin-top:56px}.video-frame{border:0;box-shadow:none;margin-bottom:24px}.rank-performance{padding-top:0;margin-top:20px}.mini-stats{padding-top:0;margin-top:8px}.work h3,.pm-heading h3{font-size:var(--text-subheading)}}
/* Responsive spacing audit: intrinsic number columns, consistent text rhythm. */
.pillar-row{grid-template-columns:max-content minmax(0,1.05fr) minmax(0,1fr) minmax(0,1.15fr);column-gap:24px;row-gap:20px;align-items:start}.pillar-no{min-width:2ch;padding-top:0;line-height:1.45;white-space:nowrap}.pillar-title,.pillar-fit,.pillar-example,.pm-heading,.pm-body,.number-tile,.resource-card{min-width:0}.pillar-title h3{line-height:1.6}.pillar-title p{margin-top:12px;line-height:1.85}.pillar-fit p{line-height:1.8}.pillar-fit small{line-height:1.85}.pillar-example{align-self:center}.resource-card h3{line-height:1.6}.resource-card p,.terms-list,.process-list{line-height:1.85}h2{line-height:1.5}.rank-caption{flex-wrap:wrap}.addon-grid strong{white-space:nowrap}.addon-grid>div{gap:12px}.price-grid article>p{line-height:1.85}
@media(max-width:1080px){.pillar-row{grid-template-columns:max-content minmax(0,1fr) minmax(0,1fr);gap:20px 24px}.pillar-fit{grid-column:2/4}.price-grid{grid-template-columns:1fr}.price-grid article{padding:28px}.addon-grid{grid-template-columns:1fr}.addon-grid>div{flex-direction:row;align-items:center;justify-content:space-between}}
@media(max-width:720px){.pillar-row{grid-template-columns:max-content minmax(0,1fr);column-gap:20px;row-gap:22px;padding:28px 0}.pillar-no{font-size:var(--text-subheading);line-height:1.6;min-width:2ch}.pillar-example,.pillar-fit{grid-column:2}.pillar-example{padding:0;gap:16px}.pillar-fit{padding-top:18px}.pillar-title p{margin-top:10px}.podcast-service{gap:18px}.pm-card{grid-template-columns:1fr;gap:24px}.pm-heading,.pm-body{grid-column:1;grid-row:auto}.pm-card>.sticker{grid-column:1;grid-row:auto;justify-self:center;transform:none}.view-numbers{gap:16px}.number-tile{padding-left:16px}.number-tile:first-child{padding-left:0}.number-tile strong{font-size:36px;line-height:1.5}.number-tile .metric-caption{line-height:1.8;margin-top:6px}.service-intro>p:not(.eyebrow){margin-top:18px}.resource-card h3{margin-top:24px;margin-bottom:18px}.resource-footer{flex-wrap:wrap;row-gap:12px}.package-included li{line-height:1.85}.contact h3{line-height:1.6}.brand{min-width:0}.brand{grid-template-columns:32px minmax(0,1fr);letter-spacing:0;font-size:11px}.brand img{width:32px;height:32px}.menu-toggle{min-width:68px;padding:8px;gap:6px;flex-shrink:0}.terms-list li{margin-bottom:16px}}

/* Match all expanded terms text to its summary. */
#pricing details summary,#pricing .terms-content,#pricing .terms-content h3,#pricing .terms-content ol,#pricing .terms-content ul,#pricing .terms-content li{font-size:var(--text-small)}
/* Compact pricing at intermediate and mobile widths. */
@media(min-width:721px) and (max-width:1080px){.price-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.price-grid article{padding:20px}.price-action{height:128px;margin-bottom:16px}.price-action .sticker{transform:scale(.8)}.price-grid h3{font-size:30px;margin:14px 0 10px}.price-grid article>p{font-size:14px}.price-grid hr{margin:18px 0}.price-grid article>p:last-child br{display:none}}
@media(max-width:720px){.price-grid{grid-template-columns:1fr;gap:18px}.price-grid article{display:grid;grid-template-columns:minmax(0,1fr) 120px;column-gap:18px;row-gap:0;padding:24px;align-items:start}.price-action{grid-column:2;grid-row:1/4;height:124px;margin:0;align-self:center;overflow:hidden}.price-action .sticker{transform:scale(.76);transform-origin:center;flex-shrink:0}.price-grid article>p:first-of-type{grid-column:1;grid-row:1;margin:0;font-size:16px}.price-grid article>h3{grid-column:1;grid-row:2;font-size:32px;margin:12px 0 8px;line-height:1.5}.price-grid article>p:nth-of-type(2){grid-column:1;grid-row:3;font-size:14px;line-height:1.7;margin:0}.price-grid hr{grid-column:1/3;width:100%;margin:20px 0 16px}.price-grid article>p:last-child{grid-column:1/3;font-size:14px;line-height:1.85}.price-grid article>p:last-child br{display:block}}
@media(max-width:360px){.price-grid article{grid-template-columns:minmax(0,1fr) 96px;gap:0 12px;padding:20px}.price-action{height:110px}.price-action .sticker{transform:scale(.62)}.price-grid article>h3{font-size:28px}}

.price-grid h3 .price-currency{font-size:inherit;font-weight:inherit;letter-spacing:inherit}
@media(max-width:720px){.price-grid h3 .price-currency{font-size:12px;font-weight:500;letter-spacing:0;margin-right:4px}.price-grid article>h3{font-size:28px}}

.reason-copy .account-start{display:inline-block;margin:0 0 16px;padding:5px 12px;border-radius:6px;background:var(--olive);color:var(--surface);font-size:var(--text-small);font-weight:600;line-height:1.7}.results-period{color:var(--olive);font-weight:600}

/* One aligned results row per work. */
.work-results{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr) minmax(0,1fr);column-gap:14px;align-items:start;margin-top:20px}.work-results>div{display:flex;flex-direction:column;gap:6px}.work-results>div>span{font-size:var(--text-small);line-height:1.6;color:var(--muted)}.work-results strong{font-size:22px;line-height:1.5;letter-spacing:-.03em;white-space:nowrap;font-weight:600}.work-results .result-views strong{color:var(--rank-color);font-size:28px;line-height:33px;font-weight:700}.work-results small{font-size:12px;letter-spacing:0;font-weight:500;margin-left:4px}.work .work-date{margin-top:6px}.work .eyebrow{margin-bottom:8px}
@media(max-width:720px){.work-results{width:100%;max-width:360px;margin:20px auto 0;grid-template-columns:1.4fr 1fr 1fr;gap:20px}.work-results>div{gap:8px}.work-results .result-views strong{font-size:32px;line-height:36px}.work-results .result-secondary strong{font-size:24px;line-height:36px}.work-results small{font-size:14px}}

.ig-post-link{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin-top:20px;color:var(--rank-color);font-size:var(--text-small);font-weight:500;text-decoration:underline;text-underline-offset:5px;transition:opacity .2s}.ig-post-link:hover{opacity:.75}@media(max-width:720px){.ig-post-link{max-width:360px;margin:20px auto 0}}

.ig-post-link{color:#000;justify-content:flex-start;gap:0}.ig-post-link>span{white-space:nowrap}

.work-heading-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.work-heading-row .eyebrow{margin:0;min-width:0}.work-heading-row .ig-post-link{margin:0;min-height:28px;flex-shrink:0;font-size:var(--text-small)}
@media(max-width:720px){.work-heading-row{max-width:360px;margin:0 auto 8px}.work-heading-row .eyebrow,.work-heading-row .ig-post-link{margin:0}}

.work-title-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px}.work-title-row h3{margin:0}.work-title-row .ig-post-link{display:inline;min-height:0;margin:0;flex-shrink:0;font-size:var(--text-subheading);line-height:1.7;color:#000;white-space:nowrap}.work-title-row .ig-post-link>span{white-space:nowrap}
@media(max-width:720px){.work-title-row{max-width:360px;margin:0 auto}.work-title-row h3,.work-title-row .ig-post-link{margin:0}}

/* Pricing interactions: animate artwork, keep the cards quiet. */
#pricing .price-grid article,#pricing .price-grid article:hover{background:#fff;border-color:var(--line)}
#pricing .price-action .sticker{position:relative;transform-origin:50% 80%;will-change:auto}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 #pricing .price-grid article:hover .kang-cut{animation:cutting-beat .9s ease-in-out 2}
 #pricing .price-grid article:hover .dog-headphones{animation:music-nod 1.2s ease-in-out 2}
 #pricing .price-grid article:hover .dog-edit{animation:editing-lean 1.4s ease-in-out 2}
}
@keyframes cutting-beat{0%,100%{rotate:0deg;translate:0 0}20%{rotate:-7deg;translate:-3px -3px}35%{rotate:5deg;translate:2px 0}55%{rotate:-5deg;translate:-2px -2px}70%{rotate:4deg;translate:2px 0}}
@keyframes music-nod{0%,100%{rotate:0deg;translate:0 0}25%{rotate:-4deg;translate:0 3px}50%{rotate:0deg;translate:0 -2px}75%{rotate:4deg;translate:0 3px}}
@keyframes editing-lean{0%,100%{rotate:0deg;translate:0 0}30%{rotate:-4deg;translate:-3px -2px}60%{rotate:2deg;translate:2px 0}80%{rotate:-2deg;translate:-1px -1px}}
@media(prefers-reduced-motion:reduce){#pricing .price-action .sticker{animation:none!important}}

/* Editing craft: open, readable explanations beside the portfolio. */
.editing-craft{margin-top:64px;padding-top:40px;border-top:1px solid var(--line)}
.craft-intro{max-width:720px;margin-bottom:28px}.craft-intro .eyebrow{margin-bottom:12px}.craft-intro>p:last-child{margin-top:12px;color:var(--muted)}
.craft-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.craft-grid article{min-width:0}.craft-label{display:block;color:var(--olive);font-size:var(--text-small);margin-bottom:12px;font-weight:600}.craft-grid h3{margin-bottom:12px}.craft-grid p{font-size:var(--text-body);color:var(--muted);line-height:1.9}.craft-effect{margin-top:20px}.craft-effect b{display:block;color:var(--ink);font-size:var(--text-small);margin-bottom:4px}.craft-grid .text-link{margin-top:16px;white-space:normal}
@media(max-width:720px){.editing-craft{margin-top:48px;padding-top:32px}.craft-grid{grid-template-columns:1fr;gap:36px}.craft-intro{margin-bottom:32px}.craft-grid h3{font-size:var(--text-subheading)}}

.breakdown-layout{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:48px;align-items:start}.breakdown-preview video{width:100%;aspect-ratio:9/16;border-radius:8px;background:#24271f}.breakdown-preview>p{margin-top:12px;font-size:var(--text-small);color:var(--muted)}.edit-timeline{list-style:none;margin:0;padding:0 0 0 24px;border-left:1px solid var(--line)}.edit-timeline li{position:relative;padding-bottom:28px}.edit-timeline li:last-child{padding-bottom:0}.edit-timeline li:before{content:'';position:absolute;left:-29px;top:17px;width:9px;height:9px;border-radius:50%;background:var(--olive)}.edit-timeline button{display:flex;align-items:baseline;gap:12px;width:100%;padding:4px 0;border:0;background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.edit-timeline button time{font-size:var(--text-small);color:var(--olive);font-variant-numeric:tabular-nums;flex-shrink:0}.edit-timeline button span:nth-child(2){font-size:var(--text-subheading);font-weight:600;line-height:1.6}.edit-timeline button span:last-child{font-size:12px;color:var(--olive)}.edit-timeline button:hover,.edit-timeline button[aria-current=true]{color:var(--accent)}.edit-timeline button:focus-visible{outline:2px solid var(--olive);outline-offset:5px}.edit-timeline li>p{margin:8px 0;color:var(--muted);font-size:var(--text-body);line-height:1.9}.edit-tag{font-size:var(--text-small);color:var(--olive)}.breakdown-note{margin-top:28px;max-width:900px;font-size:var(--text-body);color:var(--muted)}@media(max-width:720px){.breakdown-layout{grid-template-columns:1fr;gap:28px}.breakdown-preview{width:100%;max-width:280px;margin:auto}.edit-timeline{padding-left:20px}.edit-timeline li:before{left:-25px}.edit-timeline button{flex-wrap:wrap;gap:6px 10px}.edit-timeline button span:nth-child(2){font-size:var(--text-body)}.edit-timeline li{padding-bottom:28px}}

/* Selected effect frames on a shared horizontal track. */
.effect-overview{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:40px;align-items:center;margin-bottom:32px}.effect-overview .craft-intro{margin:0}.effect-overview video{width:200px;aspect-ratio:9/16;background:#24271f;border-radius:8px}.effect-hint{margin-top:20px;font-size:var(--text-small);color:var(--muted)}.effect-filmstrip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:0;margin:0;list-style:none}.effect-filmstrip li{min-width:0}.effect-filmstrip button{display:block;width:100%;border:0;padding:0;background:none;color:var(--ink);cursor:pointer;text-align:left;font:inherit}.effect-filmstrip img{width:100%;height:240px;object-fit:cover;border-radius:8px;transition:filter .2s}.effect-filmstrip button:hover img{filter:brightness(1.1)}.effect-filmstrip button:focus-visible{outline:3px solid var(--olive);outline-offset:5px}.effect-time{display:flex;justify-content:space-between;align-items:center;position:relative;padding:16px 0 12px;margin-bottom:16px;border-bottom:2px solid var(--line);font-size:var(--text-small);font-variant-numeric:tabular-nums}.effect-time:after{content:'';position:absolute;width:8px;height:8px;border-radius:50%;background:var(--olive);bottom:-5px;left:0}.effect-filmstrip button[aria-current=true] .effect-time{color:var(--accent);border-color:var(--accent)}.effect-filmstrip h3{font-size:var(--text-subheading);margin:8px 0 12px;line-height:1.6}.effect-filmstrip p{font-size:var(--text-body);color:var(--muted);line-height:1.9}.effect-filmstrip .edit-tag{display:inline-block;color:var(--olive);font-size:var(--text-small)}@media(max-width:900px){.effect-filmstrip{grid-auto-flow:column;grid-auto-columns:240px;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 4px 20px;gap:20px}.effect-filmstrip li{scroll-snap-align:start}.effect-filmstrip img{height:300px}}@media(max-width:480px){.effect-overview{grid-template-columns:1fr;gap:24px}.effect-overview video{justify-self:center;width:200px}.effect-filmstrip{grid-auto-columns:min(240px,80vw)}}

/* Four films, one calm editing desk. */
.breakdown-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0}.breakdown-tab{display:flex;align-items:center;gap:10px;border:0;background:transparent;border-radius:8px;padding:12px 16px;color:var(--muted);font:inherit;font-size:var(--text-small);cursor:pointer}.breakdown-tab span{font-variant-numeric:tabular-nums;opacity:.7}.breakdown-tab[aria-selected=true]{background:var(--olive);color:#fff}.breakdown-tab:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.breakdown-panel[hidden]{display:none}.breakdown-stage{display:grid;grid-template-columns:230px minmax(0,1fr);gap:32px;padding:28px;background:var(--surface);border-radius:12px}.stage-player video{width:100%;aspect-ratio:9/16;border-radius:8px;background:#24271f}.stage-player>span{display:block;margin-top:12px;color:var(--muted);font-size:var(--text-small)}.stage-details{min-width:0}.stage-details>.eyebrow{margin-bottom:10px}.stage-title{margin-bottom:24px}.stage-details .effect-filmstrip{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.stage-details .effect-filmstrip img{height:auto;aspect-ratio:9/16;object-fit:contain;background:#24271f}.stage-details .effect-filmstrip h3{font-size:var(--text-body);margin-top:0}.stage-details .effect-filmstrip p{font-size:var(--text-small);line-height:1.9}.stage-details .effect-time{margin-bottom:12px}.stage-details .effect-filmstrip button[aria-current=true] img{outline:3px solid var(--olive);outline-offset:3px}@media(max-width:1050px){.breakdown-stage{grid-template-columns:190px minmax(0,1fr);gap:24px;padding:24px}.stage-details .effect-filmstrip{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:170px;overflow-x:auto;padding:4px 4px 20px;scroll-snap-type:x proximity}}@media(max-width:720px){.breakdown-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.breakdown-tab{flex-shrink:0}.breakdown-stage{grid-template-columns:1fr;padding:20px;gap:28px}.stage-player{max-width:230px;width:100%;margin:auto}.stage-details .effect-filmstrip{grid-auto-columns:180px}.stage-title{font-size:var(--text-subheading)}}

/* Unified case studies: preview and results alongside compact editing notes. */
.case-studies{display:grid;gap:48px}.case-study{padding:28px;background:var(--surface);border-radius:12px}.case-heading{margin-bottom:24px}.case-study .breakdown-stage{padding:0;border-radius:0;grid-template-columns:230px minmax(0,1fr);gap:36px}.case-study .work-title-row{max-width:none;margin:0}.case-study .stage-player>span{font-size:var(--text-small)}.case-study .work-results{max-width:none;margin:24px 0 0;gap:12px}.case-study .stage-details .effect-filmstrip{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;gap:20px;overflow:visible;padding:4px}.case-study .stage-details .effect-filmstrip img{width:100%;max-width:128px;height:auto;aspect-ratio:9/16;object-fit:contain}.case-study .effect-filmstrip button{width:100%}.case-study .stage-title{margin-bottom:24px}.case-study .effect-time{padding-top:12px}.case-study .work-followup{align-self:center;max-width:480px}.work-followup>p:last-child{margin-top:16px;color:var(--muted)}
@media(min-width:721px) and (max-width:1050px){.case-study .breakdown-stage{grid-template-columns:200px minmax(0,1fr);gap:24px}.case-study{padding:24px}.case-study .stage-details .effect-filmstrip{gap:14px}.case-study .work-results strong{font-size:20px}.case-study .work-results .result-views strong{font-size:24px}}
@media(max-width:720px){.case-studies{gap:32px}.case-study{padding:20px}.case-study.work+.work{margin-top:0}.case-study .breakdown-stage{grid-template-columns:1fr;gap:32px}.case-study .stage-player{max-width:320px}.case-study .work-results{width:100%;gap:16px}.case-study .stage-details .effect-filmstrip{grid-template-columns:1fr;gap:24px}.case-study .effect-filmstrip li{display:grid;grid-template-columns:90px minmax(0,1fr);column-gap:16px;align-items:start}.case-study .effect-filmstrip li>button{grid-column:1;grid-row:1/3}.case-study .effect-filmstrip li>h3{grid-column:2;margin:0 0 8px}.case-study .effect-filmstrip li>p{grid-column:2}.case-study .effect-time{margin-bottom:0}.case-study .work-title-row .ig-post-link{font-size:var(--text-small)}}
/* Responsive case-study spacing: readable copy before thumbnail density. */
#works .case-study{padding:28px;min-width:0}
@media(min-width:721px) and (max-width:1050px){#works .case-study{padding:24px}#works .stage-details .effect-filmstrip{grid-template-columns:1fr;gap:24px}#works .effect-filmstrip li{display:grid;grid-template-columns:76px minmax(0,1fr);gap:8px 18px}#works .effect-filmstrip li>button{grid-row:1/3;grid-column:1}#works .effect-filmstrip li>h3{grid-column:2;margin:0}#works .effect-filmstrip li>p{grid-column:2}#works .effect-time{margin-bottom:0}}
@media(max-width:720px){#works .case-study{padding:24px 20px}#works .case-heading{margin-bottom:24px}#works .stage-details .effect-filmstrip{padding:4px 0;gap:28px}#works .effect-filmstrip li{column-gap:18px}#works .effect-filmstrip p{line-height:1.9}#works .stage-title{line-height:1.65}#works .work-results{column-gap:12px}#works .work-results .result-views strong{font-size:28px}#works .work-results .result-secondary strong{font-size:22px}}
@media(max-width:380px){#works .case-study{padding:20px 16px}#works .effect-filmstrip li{grid-template-columns:76px minmax(0,1fr);row-gap:12px}#works .effect-filmstrip li>button{grid-row:1}#works .effect-filmstrip li>h3{align-self:center}#works .effect-filmstrip li>p{grid-column:1/-1}#works .work-results{column-gap:8px}#works .work-results .result-secondary strong{font-size:20px}}
/* Mobile seek control belongs to the thumbnail, not a separate timeline. */
@media(max-width:720px){#works .effect-filmstrip li>button{position:relative;overflow:hidden;border-radius:8px;align-self:start}#works .effect-filmstrip button img{border-radius:8px}#works .effect-filmstrip .effect-time{position:absolute;inset:auto 5px 6px;display:flex;flex-direction:row-reverse;justify-content:center;gap:6px;margin:0;padding:5px 3px;border:0;border-radius:5px;background:rgba(25,27,20,.88);color:#fff;font-size:12px;line-height:1.5;font-variant-numeric:tabular-nums}#works .effect-filmstrip .effect-time:after{display:none}#works .effect-filmstrip button[aria-current=true] .effect-time{background:var(--olive);color:#fff;border:0}#works .effect-filmstrip button[aria-current=true] img{outline:0}#works .effect-filmstrip button:focus-visible{outline:3px solid var(--olive);outline-offset:3px}}

.brand-keywords{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:16px}.brand-keywords>span{font-size:var(--text-small);color:var(--muted);margin-right:4px}.brand-keywords b{font-size:var(--text-small);font-weight:500;line-height:1.6;padding:5px 12px;border-radius:6px;background:var(--wash);color:var(--olive)}.work-services{margin-top:40px}.work-services .podcast-service{margin-top:0}@media(max-width:720px){.brand-keywords{gap:8px;margin-top:16px}.brand-keywords>span{flex-basis:100%}.brand-keywords b{padding:4px 10px}.work-services{margin-top:32px}}

/* Clear case headers and a native landscape story. */
#works .case-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 24px;align-items:start;margin-bottom:28px}#works .case-heading>.eyebrow{grid-column:1/-1;margin:0}#works .case-heading .work-title-row{display:contents}#works .case-heading h3{grid-column:1;line-height:1.55}#works .case-heading .ig-post-link{grid-column:2;grid-row:2;font-size:14px;align-self:center;line-height:1.8}#works .brand-keywords{grid-column:1/-1;margin:4px 0 0;gap:8px}#works .brand-keywords>span{font-size:14px}#works .brand-keywords b{background:transparent;padding:0;color:var(--olive)}#works .brand-keywords b+b:before{content:'／';margin-right:8px;color:var(--line)}#why>.tools{margin-top:32px}#works .landscape-case .breakdown-stage{grid-template-columns:1fr}#works .landscape-case .stage-player{width:100%;max-width:none}#works .landscape-case video{aspect-ratio:16/9;width:100%}#works .landscape-case .effect-filmstrip img{max-width:none;aspect-ratio:16/9}#works .landscape-case .effect-filmstrip{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:720px){#works .case-heading{gap:10px 12px}#works .case-heading h3{font-size:22px}#works .case-heading .ig-post-link{grid-column:1;grid-row:3;justify-self:start}#works .brand-keywords>span{flex-basis:100%;margin-bottom:2px}#works .brand-keywords{line-height:1.8}#works .landscape-case .effect-filmstrip{grid-template-columns:1fr}#works .landscape-case .effect-filmstrip li{grid-template-columns:110px minmax(0,1fr)}#works .landscape-case .effect-filmstrip li>button{grid-row:1}#works .landscape-case .effect-filmstrip li>p{grid-column:1/-1}#works .landscape-case .effect-filmstrip li>h3{align-self:center}}

/* Why me: shared surfaces, typography and spacing. */
#why .reason-list{gap:24px}#why .reason,#why .why-toolkit{padding:32px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:none}#why .reason{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:32px;align-items:start}#why .reason .eyebrow,#why .why-toolkit .eyebrow{font-size:var(--text-label);color:var(--olive);margin:0 0 14px;line-height:1.6}#why .reason h3,#why .why-toolkit h3{font-size:var(--text-subheading);line-height:1.6}#why .reason-copy>p:last-child,#why .pm-heading>p:last-child{font-size:var(--text-body);color:var(--muted);line-height:1.9;margin-top:16px}#why .number-tile{padding:0;border:0;gap:8px}#why .number-tile strong{font-size:var(--text-display);line-height:1.25}#why .view-numbers{gap:20px 24px;align-self:center}#why .why-period{grid-column:1/-1;font-size:var(--text-small);color:var(--muted);margin:0}#why .pm-card{position:relative}#why .pm-card>.sticker{position:absolute;left:32px;bottom:26px;transform:scale(.6);transform-origin:left bottom;pointer-events:none}#why .pm-heading{padding-bottom:90px}#why .pm-body p{font-size:var(--text-body);line-height:1.9}#why .pm-body .pm-ai{font-size:var(--text-body);color:var(--muted)}#why .pm-tags{margin:20px 0;gap:8px}#why .pm-tags span{background:var(--wash);border:0;border-radius:6px;padding:5px 10px;font-size:var(--text-small)}.why-toolkit{margin-top:24px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:32px;align-items:center}.why-toolkit ul{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0;margin:0}.why-toolkit li{display:flex;flex-direction:column;gap:8px;min-width:0}.why-toolkit b{font-size:var(--text-body)}.why-toolkit li span{font-size:var(--text-small);color:var(--muted);line-height:1.8}
@media(max-width:900px){#why .reason,.why-toolkit{grid-template-columns:1fr;gap:24px}#why .pm-heading{padding:0 100px 0 0}#why .pm-card>.sticker{top:28px;right:24px;bottom:auto;left:auto;transform-origin:right top;transform:scale(.6)}.why-toolkit ul{gap:20px}#why .number-tile strong{font-size:40px}}
@media(max-width:480px){#why .reason,#why .why-toolkit{padding:24px 20px}#why .pm-heading{padding-right:0}#why .pm-card>.sticker{display:none}#why .view-numbers{gap:16px}#why .number-tile strong{font-size:36px}.why-toolkit ul{grid-template-columns:1fr;gap:16px}.why-toolkit li{flex-direction:row;justify-content:space-between;gap:16px;flex-wrap:wrap}}
/* Resolve tablet grid placement inherited from earlier layouts. */
#why .pm-heading,#why .pm-body{grid-column:auto;grid-row:auto;min-width:0}
@media(max-width:900px){#why .pm-card{grid-template-columns:minmax(0,1fr)}#why .pm-heading,#why .pm-body{grid-column:1;grid-row:auto}#why .pm-heading{padding:0}#why .pm-card>.sticker{display:none}}
#works .landscape-case .effect-filmstrip li{display:block}
@media(max-width:1050px){#works .landscape-case .effect-filmstrip{grid-template-columns:minmax(0,1fr);gap:28px}#works .landscape-case .effect-filmstrip li{display:grid;grid-template-columns:160px minmax(0,1fr);gap:10px 24px}#works .landscape-case .effect-filmstrip li>button{grid-column:1;grid-row:1/3;align-self:start}#works .landscape-case .effect-filmstrip li>h3{grid-column:2;grid-row:1;margin:0;align-self:start}#works .landscape-case .effect-filmstrip li>p{grid-column:2;grid-row:2;margin:0}}
@media(max-width:480px){#works .landscape-case .effect-filmstrip li{grid-template-columns:110px minmax(0,1fr);gap:12px 16px}#works .landscape-case .effect-filmstrip li>button{grid-row:1}#works .landscape-case .effect-filmstrip li>h3{align-self:center}#works .landscape-case .effect-filmstrip li>p{grid-column:1/-1;grid-row:2}}
/* Keep the character visible without taking space from the copy. */
#why .pm-card>.sticker{display:block;position:static;grid-column:1/-1;grid-row:auto;justify-self:end;transform:none;width:154px;height:145px;margin:0}#why .pm-heading{padding:0}
@media(min-width:901px){#why .pm-card>.sticker{grid-column:1;grid-row:2;justify-self:start}#why .pm-body{grid-column:2;grid-row:1/3}}
@media(max-width:900px){#why .pm-card>.sticker{display:block;grid-column:1;grid-row:3;justify-self:center;width:154px;height:145px;transform:none;margin:0}}

#why .output-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}#why .output-card .reason-copy{grid-column:1;grid-row:1}#why .output-card .view-numbers{grid-column:1;grid-row:2;align-self:start}#why .ig-profile-preview{grid-column:2;grid-row:1/3;display:block;width:100%;max-width:350px;justify-self:end}#why .ig-profile-preview img{width:100%;height:auto;border-radius:8px}#why .ig-profile-preview>span{display:block;margin-top:10px;font-size:var(--text-small);color:var(--olive);overflow-wrap:anywhere}@media(max-width:720px){#why .output-card{grid-template-columns:minmax(0,1fr);gap:24px}#why .output-card .reason-copy{grid-column:1;grid-row:1}#why .output-card .view-numbers{grid-column:1;grid-row:2}#why .ig-profile-preview{grid-column:1;grid-row:3;justify-self:center;max-width:350px}}

/* Compact collaboration card with artwork in the same row. */
#why .pm-card{grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr) 130px;gap:28px;align-items:center}#why .pm-heading{grid-column:1;grid-row:1;padding:0}#why .pm-body{grid-column:2;grid-row:1}#why .pm-card>.sticker{grid-column:3;grid-row:1;justify-self:center;align-self:center;width:154px;height:145px;transform:scale(.8);transform-origin:center;margin:0}#why .why-toolkit li{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:12px;row-gap:4px;align-content:center;align-items:center}#why .tool-icon{width:44px;height:44px;object-fit:contain;border-radius:10px;grid-column:1;grid-row:1/3}#why .why-toolkit li b,#why .why-toolkit li span{grid-column:2;min-width:0}#why .why-toolkit{grid-template-columns:1fr;gap:24px}#why .why-toolkit ul{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1050px){#why .pm-card{grid-template-columns:minmax(0,1fr) 130px;gap:24px}#why .pm-heading{grid-column:1;grid-row:1}#why .pm-card>.sticker{grid-column:2;grid-row:1}#why .pm-body{grid-column:1/-1;grid-row:2}}
@media(max-width:480px){#why .pm-card{grid-template-columns:minmax(0,1fr) 76px;gap:20px 12px}#why .pm-card>.sticker{width:154px;transform:scale(.48);justify-self:center}#why .why-toolkit ul{grid-template-columns:1fr;gap:20px}#why .pm-heading h3{font-size:20px}#why .pm-heading .eyebrow{letter-spacing:.05em}}

/* Smaller mobile-profile image keeps the account results dominant. */
#why .output-card{grid-template-columns:minmax(0,1fr) 190px;gap:24px 40px;align-items:start}#why .ig-profile-preview{width:190px;max-width:100%;justify-self:end}#why .ig-profile-preview img{border:1px solid var(--line);border-radius:10px}#why .ig-profile-preview>span{font-size:12px;text-align:center}#why .output-card .view-numbers{align-self:start;max-width:460px}#why .output-card .reason-copy{align-self:end}
@media(max-width:720px){#why .output-card{grid-template-columns:minmax(0,1fr);gap:24px}#why .ig-profile-preview{width:160px;justify-self:center}#why .output-card .reason-copy{align-self:start}}

/* Beyond the edit: editorial introduction and two aligned service rows. */
#services.beyond-section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:56px;background:var(--wash);align-items:center}.beyond-intro>p:not(.eyebrow){max-width:360px;color:var(--muted);margin-top:20px;font-size:var(--text-body)}.driving-sticker{display:block;width:210px;height:auto;margin-top:28px;transform:rotate(-3deg)}.beyond-offerings{display:grid;gap:20px;min-width:0}.beyond-item{display:block;padding:28px;background:var(--surface);border-radius:12px;transition:transform .2s,box-shadow .2s}.beyond-item:hover{transform:translateY(-3px);box-shadow:0 8px 20px #302f250b}.beyond-item-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.beyond-item-head .eyebrow{margin:0;font-size:var(--text-label)}.beyond-action{font-size:var(--text-small);white-space:nowrap;text-decoration:underline;text-underline-offset:4px;color:var(--olive)}.beyond-item h3{font-size:var(--text-subheading);margin-bottom:12px}.beyond-item>p{font-size:var(--text-body);line-height:1.9;color:var(--muted)}.beyond-tags{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:20px;font-size:var(--text-small);color:var(--olive)}
@media(max-width:1000px){#services.beyond-section{grid-template-columns:1fr;gap:32px}.beyond-intro{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:0 24px}.beyond-intro>.eyebrow,.beyond-intro>h2,.beyond-intro>p{grid-column:1}.beyond-intro .driving-sticker{grid-column:2;grid-row:1/4;width:160px;align-self:center;margin:0}.beyond-offerings{grid-template-columns:repeat(2,minmax(0,1fr))}.beyond-item-head{align-items:start;flex-direction:column;gap:10px}}
@media(max-width:600px){.beyond-intro{grid-template-columns:1fr}.beyond-intro .driving-sticker{grid-column:1;grid-row:auto;justify-self:end;width:140px;margin:20px 0 0}.beyond-offerings{grid-template-columns:1fr}.beyond-item{padding:24px 20px}.beyond-item-head{flex-direction:row;flex-wrap:wrap}.beyond-intro>p:not(.eyebrow){max-width:none}}
@media(prefers-reduced-motion:reduce){.beyond-item{transition:none}.beyond-item:hover{transform:none}}
/* Distinguish extended services through its background color. */
#services.beyond-section{border-top:0;background:#d3d9b9}
/* Consistent section header and equal service cards. */
#services.beyond-section{grid-template-columns:minmax(0,1fr);gap:36px;align-items:start}
#services .beyond-intro{display:grid;grid-template-columns:minmax(0,1fr) 180px;column-gap:32px;row-gap:0;align-items:start}
#services .beyond-intro>.eyebrow,#services .beyond-intro>h2,#services .beyond-intro>p{grid-column:1}
#services .beyond-intro>.eyebrow{margin-bottom:18px}
#services .beyond-intro>p:not(.eyebrow){max-width:600px;margin-top:20px}
#services .beyond-intro .driving-sticker{grid-column:2;grid-row:1/4;width:180px;height:auto;margin:0;align-self:center;justify-self:end;transform:none}
#services .beyond-offerings{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
#services .beyond-item{display:flex;flex-direction:column;padding:28px}
#services .beyond-item-head{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
#services .beyond-item h3{margin:0 0 14px;line-height:1.6}
#services .beyond-item>p{margin:0 0 24px}
#services .beyond-tags{margin-top:auto;gap:8px 16px}
@media(max-width:720px){#services.beyond-section{gap:28px}#services .beyond-intro{grid-template-columns:minmax(0,1fr) 110px;column-gap:16px}#services .beyond-intro .driving-sticker{width:110px;grid-row:2;align-self:center}#services .beyond-intro>.eyebrow,#services .beyond-intro>p:not(.eyebrow){grid-column:1/-1}#services .beyond-offerings{grid-template-columns:1fr;gap:20px}#services .beyond-item{padding:24px}#services .beyond-item-head{flex-wrap:wrap}}
@media(max-width:380px){#services .beyond-intro{grid-template-columns:minmax(0,1fr) 76px;gap:0 12px}#services .beyond-intro .driving-sticker{width:76px}#services .beyond-intro h2{font-size:28px}#services .beyond-item{padding:20px}}

.plan-purpose{display:block;margin-top:8px;font-weight:600;color:var(--olive);line-height:1.6}.plan-example{display:block;margin-top:12px;font-size:var(--text-small);color:var(--muted);line-height:1.9}.plan-help{margin-top:24px;font-size:var(--text-body);color:var(--muted);line-height:1.9}#pricing .price-grid article>p:first-of-type{min-height:64px}@media(max-width:720px){#pricing .price-grid article>p:first-of-type{min-height:0}.plan-purpose{font-size:var(--text-small);margin-top:6px}}

/* Preserve the full editing illustration. */
.hero-art{border-radius:16px;padding:8px;transform:none}.hero-art>img{border-radius:10px;width:100%;height:auto}