
.mv-refined .tn-section{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:7%;padding-block:90px;scroll-margin-top:100px}
.tn-section>.editorial-copy{opacity:1!important;transform:none!important;min-width:0}
.tn-scene{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:36px 20px;align-items:start;min-width:0;padding:12px 8px 18px}
.tn-arrival{position:relative;z-index:1;min-width:0}.tn-arrival.tn-strategy-wrap{grid-column:1/-1;width:88%;justify-self:start}.tn-arrival.tn-note-wrap{align-self:end;margin-bottom:6px}
.tn-card{box-shadow:0 16px 38px #0003;min-width:0}.tn-strategy{padding:20px;background:#eeedf0;color:#1c292e;border-radius:18px;transform:rotate(-1deg)}
.tn-strategy-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.tn-mascot{position:relative;width:48px;height:48px;flex:0 0 48px}.tn-mascot img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.tn-mascot img.tn-face{width:66.666%;height:66.666%;left:16.667%;top:16.667%}
.tn-strategy-head h3{font-size:19px;line-height:1.3;letter-spacing:-.04em;background:#fff;padding:13px 16px;border-radius:12px;position:relative}.tn-strategy-head h3:before{content:'';position:absolute;left:-7px;top:19px;border-block:6px solid transparent;border-right:8px solid #fff}
.tn-fields{margin:0;padding:14px 16px;background:#fff;border-radius:10px}.tn-field{display:grid;grid-template-columns:65px minmax(0,1fr);gap:10px;margin:0;padding:5px 0;font-size:16px;line-height:1.45}.tn-field dt{color:#1c292e;opacity:.7}.tn-field dd{margin:0;word-break:keep-all}.tn-direction{margin-top:12px;padding:12px 16px;background:#a8e8ff40;border-radius:8px;font-size:16px;line-height:1.5}.tn-direction strong{display:block;margin-bottom:5px}.tn-direction p{font-size:16px;line-height:1.5}
.tn-paper{background:#eeedf0;color:#1c292e;padding:20px;transform:rotate(-2deg)}.tn-channel{display:flex;align-items:center;gap:8px;border-bottom:1px solid #1c292e26;padding-bottom:12px;margin-bottom:16px;font-size:14px;font-weight:650}.tn-channel img{width:20px;height:20px;object-fit:contain}.tn-paper h3{font-size:24px;line-height:1.2;letter-spacing:-.05em;margin-bottom:14px}.tn-card p{font-size:16px;line-height:1.75;word-break:keep-all}.tn-photo{display:block;width:100%;aspect-ratio:1.7;object-fit:cover;margin-top:18px}.tn-note-card{background:#1b2130;color:#f5f5f8;padding:22px;transform:rotate(3deg)}.tn-note-card .tn-channel{border-color:#ffffff26}.tn-note-card .tn-channel img{filter:invert(1)}
.tn-mark{color:inherit;background:linear-gradient(#a8e8ff4d,#a8e8ff4d) left 80%/0% 85% no-repeat;padding:0 .05em;box-decoration-break:clone;-webkit-box-decoration-break:clone;transition:background-size .5s ease}.tn-lit .tn-mark{background-size:100% 85%}
.mv .tn-orbit{position:absolute;inset:0;z-index:0;width:100%;height:100%;fill:none;stroke:#7ee0ff;stroke-opacity:.35;stroke-width:1;overflow:visible;pointer-events:none}.tn-orbit path{vector-effect:non-scaling-stroke}
.tn-three{grid-template-columns:repeat(12,minmax(0,1fr));gap:22px 0}.tn-three .tn-tone-wrap{grid-column:1/10}.tn-tone-card{background:#eeedf0;color:#1c292e;padding:16px 20px;font-size:16px;line-height:1.5}.tn-three .tn-blog-wrap{grid-column:1/10;grid-row:2}.tn-three .tn-insta-wrap{grid-column:5/13;grid-row:3;margin-top:-38px}.tn-three .tn-note-wrap{grid-column:3/12;grid-row:4;margin-top:-25px}.tn-three .tn-paper p{font-size:16px}.tn-three .tn-paper h3{font-size:22px}.tn-three .tn-photo{aspect-ratio:2.5}.tn-insta{background:#eeedf0;color:#1c292e;padding:16px;transform:rotate(2deg)}.tn-insta-art{position:relative;aspect-ratio:1;background:#eeedf0;overflow:hidden}.tn-insta-art img{position:absolute;inset:42% 0 0;width:100%;height:58%;object-fit:cover}.tn-insta-art p{position:relative;padding:12px 4px;font-size:21px;line-height:1.3;font-weight:700;letter-spacing:-.04em}.tn-three .tn-note-card{transform:rotate(-2deg)}
@media(max-width:768px){
.mv-refined .tn-section{display:flex;flex-direction:column;gap:32px;width:calc(100% - 40px);padding-block:60px;scroll-margin-top:80px}.tn-section>.editorial-copy{width:100%;order:0}.tn-section>.tn-scene{width:100%;order:1}.tn-scene,.tn-three{display:flex;flex-direction:column;gap:28px;padding:8px 4px}.tn-scene .tn-arrival,.tn-scene .tn-arrival.tn-strategy-wrap{width:100%;margin:0;align-self:stretch}.tn-strategy{padding:16px}.tn-strategy-head h3{font-size:18px;padding:12px}.tn-field{grid-template-columns:52px minmax(0,1fr);font-size:16px}.tn-fields{padding:12px}.tn-paper,.tn-note-card{padding:22px}.tn-card p,.tn-three .tn-paper p,.tn-direction p{font-size:16px}.tn-paper h3{font-size:27px}.tn-three .tn-insta-art p{font-size:24px}.tn-scene .tn-card{transform:none}.tn-mark{transition:background-size .5s ease}}
@media(prefers-reduced-motion:reduce){.tn-scene .tn-arrival{opacity:1!important;transform:none!important}.tn-mark{background-size:100% 85%!important;transition:none!important}}
html.is-paused .tn-scene .tn-arrival{opacity:1!important;transform:none!important}html.is-paused .tn-mark{background-size:100% 85%!important;transition:none!important}

@media(min-width:769px){
.mv-refined .tn-section{width:min(1380px,calc(100% - 80px));grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:6%;padding-block:42px;min-height:0}
.tn-section .editorial-copy h2{font-size:28px}.tn-section .editorial-copy h2 em{font-size:clamp(38px,3.7vw,55px)}.tn-section .editorial-copy>p{font-size:16px;line-height:1.65}
.tn-scene{gap:20px 18px;padding:8px}.tn-scene .tn-arrival.tn-strategy-wrap{width:100%}.tn-strategy{padding:16px;transform:none}.tn-strategy-head{margin-bottom:10px;gap:10px}.tn-strategy-head h3{font-size:18px;padding:10px 15px}.tn-mascot{width:38px;height:38px;flex-basis:38px}.tn-fields{display:grid;grid-template-columns:1fr 1fr;gap:2px 20px;padding:10px 14px}.tn-field{font-size:15px;padding:3px 0;grid-template-columns:52px minmax(0,1fr);gap:5px}.tn-direction{display:flex;align-items:baseline;gap:12px;padding:9px 14px;margin-top:8px;font-size:15px}.tn-direction strong{white-space:nowrap;margin:0}.tn-direction p{font-size:15px;line-height:1.4}.tn-paper,.tn-note-card{padding:18px;transform:none}.tn-channel{margin-bottom:12px;padding-bottom:9px}.tn-paper h3{font-size:20px;margin-bottom:10px}.tn-photo{height:68px;aspect-ratio:auto;margin-top:12px}.tn-card p{font-size:16px;line-height:1.65}.tn-note-wrap{align-self:center!important}.tn-note-card p{line-height:1.7}
}
@media(max-width:768px){.mv-refined .tn-section{padding-block:30px;gap:24px}.tn-section .editorial-copy h2{font-size:23px}.tn-section .editorial-copy h2 em{font-size:35px;margin-top:6px}.tn-section .editorial-copy>p{font-size:16px;line-height:1.55;margin-top:16px}.tn-scene{gap:18px}.tn-strategy{padding:12px}.tn-strategy-head{margin-bottom:10px}.tn-mascot{width:36px;height:36px;flex-basis:36px}.tn-strategy-head h3{font-size:17px;padding:10px}.tn-fields{padding:9px 12px}.tn-field{padding:3px 0;line-height:1.4}.tn-direction{margin-top:8px;padding:10px 12px}.tn-paper,.tn-note-card{padding:18px}.tn-photo{display:none}.tn-paper h3{display:none}.tn-channel{margin-bottom:10px;padding-bottom:8px}.tn-card p{line-height:1.6}}

/* Approved 2026-10-13: strategy sheet and aligned channel outputs. */
.mv-refined .tn-section{width:min(1280px,calc(100% - 80px));grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:64px;padding-block:64px;align-items:center}
.tn-section .tn-scene{grid-template-columns:1.12fr 1fr;gap:40px 20px;padding:0}
.tn-section .tn-strategy{background:#101b2b;color:#f4f6fa;border:1px solid #a8e8ff40;border-radius:14px;padding:22px 24px;box-shadow:none;transform:none}
.tn-section .tn-strategy-head{gap:12px;margin-bottom:18px}
.tn-section .tn-strategy-head h3{background:none;border-radius:0;padding:0;font-size:20px;font-weight:700;letter-spacing:-.035em;color:#f4f6fa}
.tn-section .tn-strategy-head h3:before{display:none}
.tn-section .tn-mascot{width:38px;height:38px;flex-basis:38px}
.tn-section .tn-fields{padding:16px 0;margin:0;border-block:1px solid #a8e8ff26;background:none;border-radius:0;grid-template-columns:1fr 1.1fr;gap:10px 22px;display:grid}
.tn-section .tn-field{grid-template-columns:58px minmax(0,1fr);gap:8px;font-size:15px;line-height:1.5;padding:0}
.tn-section .tn-field dt{color:#a4aacd;opacity:1;white-space:nowrap}
.tn-section .tn-direction{padding:16px 0 0;margin:0;background:none;border-radius:0;display:grid;grid-template-columns:88px minmax(0,1fr);gap:8px;font-size:15px}
.tn-section .tn-direction strong{color:#a8e8ff;font-weight:600;margin:0}
.tn-section .tn-direction p{font-size:15px;line-height:1.55}
.tn-section .tn-blog-wrap,.tn-section .tn-note-wrap{align-self:start!important;margin:0}
.tn-section .tn-paper,.tn-section .tn-note-card{padding:22px;border-radius:10px;box-shadow:none;transform:none;min-height:258px}
.tn-section .tn-paper{background:#f4f6fa;border:1px solid #f4f6fa;color:#1c292e}
.tn-section .tn-note-card{background:#101b2b;border:1px solid #a8e8ff40;color:#f4f6fa}
.tn-section .tn-channel{font-size:14px;padding-bottom:14px;margin-bottom:16px;gap:9px}
.tn-section .tn-paper h3{font-size:23px;font-weight:750;line-height:1.3;margin:0 0 12px}
.tn-section .tn-card p{font-size:16px;line-height:1.65}
.tn-section .tn-note-card p{font-size:20px;line-height:1.65;letter-spacing:-.025em}
.tn-section .tn-photo{height:76px;margin-top:16px;border-radius:4px}
.tn-section .editorial-copy h2{font-size:25px;line-height:1.4;white-space:normal;letter-spacing:-.04em}
.tn-section .editorial-copy h2 em{display:block;font-size:clamp(34px,3.1vw,46px);line-height:1.22;white-space:normal;word-break:keep-all;overflow-wrap:normal;margin-top:14px}
.tn-section .editorial-copy>p{font-size:17px;line-height:1.8;margin-top:26px}
.tn-section .tn-orbit{stroke-opacity:.4}
@media(max-width:768px){
.mv-refined .tn-section{width:100%;padding:44px 20px!important;gap:32px!important}
.tn-section .tn-scene{display:flex;gap:28px}
.tn-section .tn-strategy{padding:20px}
.tn-section .tn-fields{grid-template-columns:1fr;gap:12px}
.tn-section .tn-field{font-size:16px;grid-template-columns:68px 1fr}
.tn-section .tn-direction{display:block}.tn-section .tn-direction p{margin-top:8px;font-size:16px}
.tn-section .tn-paper,.tn-section .tn-note-card{min-height:0;padding:22px}
.tn-section .tn-paper h3{display:block;font-size:24px}.tn-section .tn-photo{display:block;height:112px}
.tn-section .editorial-copy h2 em{font-size:36px}
}

/* Strategy branches draw downward on each viewport entry. */
.tn-orbit path{stroke-dasharray:1;stroke-dashoffset:1}
.tn-lines-visible .tn-orbit path{animation:tn-branch-draw 1.15s cubic-bezier(.22,1,.36,1) .25s both}
.tn-lines-visible .tn-orbit path:nth-child(2){animation-delay:.4s}
@keyframes tn-branch-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
html.is-paused .tn-orbit path{animation:none!important;stroke-dashoffset:0!important}
@media(prefers-reduced-motion:reduce){.tn-orbit path{animation:none!important;stroke-dashoffset:0!important}}

/* Both writing editorials share one type and layout scale; only their sides alternate. */
.mv-writing.mv-refined .feature-row{width:min(1280px,calc(100% - 80px));grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:64px;align-items:center;padding-block:90px;min-height:0}
.mv-writing.mv-refined .feature-row.is-reversed{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)}
.mv-writing.mv-refined .feature-row>.editorial-copy{min-width:0}
.mv-writing.mv-refined .feature-row .editorial-copy h2{font-size:clamp(28px,2.7vw,40px);font-weight:550;line-height:1.38;letter-spacing:-.045em;white-space:normal}
.mv-writing.mv-refined .feature-row .editorial-copy h2 em{display:inline-block;font-size:clamp(42px,4.7vw,68px);font-weight:730;line-height:1.16;letter-spacing:-.065em;margin-top:14px;white-space:normal}
.mv-writing.mv-refined .feature-row .editorial-copy>p:not(.blog-publish-note){font-size:17px;line-height:1.85;margin-top:26px}
@media(max-width:768px){
.mv-writing.mv-refined .feature-row,.mv-writing.mv-refined .feature-row.is-reversed{width:100%;padding-inline:20px;gap:32px}
.mv-writing.mv-refined .feature-row .editorial-copy h2{font-size:25px}
.mv-writing.mv-refined .feature-row .editorial-copy h2 em{font-size:39px;margin-top:10px}
.mv-writing.mv-refined .feature-row .editorial-copy>p:not(.blog-publish-note){font-size:16px;margin-top:22px}
}
