:root{--north:#193d34;--ivory:#faf5e7;--terra:#e87549}.transform-deck{background:#f0efe6;color:#171714}.source-brandbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 30px;border-bottom:2px solid var(--ink);background:var(--ivory)}.north-logo{display:inline-flex;flex-direction:column;gap:4px;font:700 1.1rem/1 Arial,sans-serif;letter-spacing:.06em;color:var(--north)}.north-logo>span{font-size:.42em;letter-spacing:.4em;font-weight:400}.source-brandbar>span:not(.north-logo){font-size:.52rem;letter-spacing:.055em}.source-brandbar>b{font-size:.48rem;padding:6px 8px;background:var(--north);color:var(--ivory);letter-spacing:.06em}.transform-stage{position:relative}.transform-slide{padding:30px 35px 21px;min-height:550px}.chapter-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:25px}.chapter-heading>div>p{font-size:.53rem;letter-spacing:.08em;font-weight:700;margin-bottom:12px}.chapter-heading h2{font-size:2.3rem!important;letter-spacing:-.05em;line-height:.99!important;margin:0!important}.chapter-heading h2>em{font-style:normal;color:var(--blue)}.interaction-hint{font-size:.48rem;letter-spacing:.04em;max-width:180px;text-align:right;line-height:1.4;margin-bottom:5px}.compare-pair{display:grid;grid-template-columns:.83fr 1.17fr;gap:24px;align-items:stretch}.source-panel,.live-panel{min-width:0;border:1.5px solid var(--ink);border-radius:5px;overflow:hidden;position:relative}.source-panel{background:#dfdfd9}.live-panel{background:var(--north);box-shadow:4px 5px 0 var(--ink)}.panel-label{display:block;background:var(--cream);color:var(--ink);border-bottom:1.5px solid var(--ink);padding:11px 14px;font-size:.53rem;letter-spacing:.06em;font-weight:700}.source-panel .panel-label{background:#ededdf}.source-page{background:var(--ivory);margin:20px;padding:24px;min-height:274px;color:var(--north);position:relative;font-family:Arial,sans-serif;box-shadow:0 2px 4px #0002}.source-page .north-logo{font-size:.7rem}.source-page h3{font-family:Georgia,serif;font-weight:400;font-size:1.75rem;letter-spacing:-.04em;line-height:1.03;margin-top:27px}.source-page>p{font-size:.62rem;line-height:1.5;max-width:225px;margin-top:15px}.source-page-no{font-size:.38rem;letter-spacing:.04em;display:block;margin-top:32px}.north-text-experience{padding:28px 31px;color:var(--ivory);font-family:Arial,sans-serif;position:relative;min-height:315px}.north-text-experience>p:first-child{font-size:.49rem;letter-spacing:.14em;color:#dce9da;margin-bottom:23px}.north-text-experience h3{font:400 3.1rem/.98 Georgia,serif;letter-spacing:-.06em;margin:0}.north-text-experience .live-emphasis{color:var(--terra);position:relative}.reveal-line{display:inline-block;transition:color .35s}.north-text-experience.emphasize-spaces .reveal-line:first-child{color:var(--terra)}.north-text-experience.emphasize-spaces .live-emphasis{color:var(--ivory)}.north-body{font:400 .78rem/1.5 Arial,sans-serif!important;margin-top:21px!important;max-width:320px}.text-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:23px}.text-controls>button{font:400 .52rem/1.2 Arial,sans-serif;padding:7px 9px;background:transparent;color:var(--ivory);border:1px solid #faf5e777;border-radius:3px}.text-controls>button[aria-pressed=true]{background:var(--ivory);color:var(--north);border-color:var(--ivory)}.text-controls>button:last-child{border-color:transparent;text-decoration:underline;text-underline-offset:3px}.replaying .reveal-line{animation:type-reveal .85s both}.replaying .reveal-line:last-child{animation-delay:.22s}.source-note{font-size:.58rem;line-height:1.45;margin-top:19px;max-width:950px;color:#5c6056}.image-source{padding:19px;min-height:306px}.image-source h3{font-size:1.35rem;margin-top:18px}.image-source img{height:114px;object-fit:cover;width:100%;margin-top:16px}.image-source>p{font-size:.55rem;margin-top:14px}.image-source .source-page-no{margin-top:20px}.image-live{background:var(--ivory);font-family:Arial,sans-serif}.image-mode-tabs{display:flex;gap:8px;padding:11px 14px;border-bottom:1px solid #193d3433}.image-mode-tabs button{border:1px solid var(--north);border-radius:100px;background:transparent;color:var(--north);padding:6px 11px;font-size:.54rem}.image-mode-tabs button[aria-pressed=true]{background:var(--north);color:var(--ivory)}.explorable-photo{position:relative;height:236px;overflow:hidden;background:#d2d2c0}.explorable-photo>img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease-out;transform-origin:55% 60%}.photo-hotspot{position:absolute;width:27px;height:27px;display:grid;place-items:center;border:1px solid var(--north);background:var(--ivory);color:var(--north);border-radius:50%;font-size:.64rem;box-shadow:0 0 0 6px #faf5e744;z-index:2;transition:transform .2s}.photo-hotspot.selected{background:var(--terra);transform:scale(1.1)}.spot-1{left:13%;top:21%}.spot-2{left:60%;top:52%}.spot-3{right:14%;bottom:19%}.photo-detail{position:absolute;left:13px;bottom:13px;background:#faf5e7ef;color:var(--north);padding:10px 13px;max-width:230px;box-shadow:0 4px 15px #0001}.photo-detail b{display:block;font:400 1rem/1 Georgia,serif;letter-spacing:-.035em}.photo-detail span{display:block;font-size:.5rem;line-height:1.35;margin-top:6px}.photo-zoom{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;font-size:.53rem;color:var(--north)}.photo-zoom input{accent-color:var(--north);width:50%;cursor:ew-resize}.motion-study video{display:block;width:100%;height:236px;object-fit:cover;background:var(--north)}.motion-study>span{display:block;font-size:.46rem;line-height:1.4;padding:12px 14px;color:var(--north)}.chart-source{min-height:306px}.chart-source h3{font-size:1.25rem;margin-top:18px}.chart-source>p{font-size:.53rem;margin-top:7px}.north-chart{display:flex;align-items:end;gap:14px;height:165px;padding:12px 0 24px;border-bottom:1px solid #193d3455;position:relative;font-family:Arial,sans-serif;margin-top:15px}.north-bar{position:relative;display:flex;flex-direction:column;justify-content:end;align-items:center;width:100%;height:100%;min-width:0;background:none;padding:0;color:var(--north);border:0}.north-bar>i{display:block;height:var(--value);min-height:7px;width:100%;max-width:44px;background:#819488;transition:height .6s,background .25s}.north-bar>span{font-size:.55rem;margin-bottom:6px}.north-bar>b{position:absolute;bottom:-18px;font-size:.48rem;font-weight:400}.chart-source .north-chart{height:120px;margin-top:13px}.chart-source .north-bar>i{max-width:31px}.chart-source .source-page-no{font-size:.36rem;margin-top:26px}.chart-live{padding-bottom:15px;background:var(--ivory);color:var(--north);font-family:Arial,sans-serif}.chart-header{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:20px 25px 0}.chart-header>div>span{font-size:.47rem;letter-spacing:.07em;display:block}.chart-header strong{font-family:Georgia,serif;font-weight:400;font-size:3.1rem;letter-spacing:-.06em;display:block;line-height:1.05;margin-top:5px}.chart-header>p{font-size:.61rem;max-width:150px;margin-bottom:4px}.chart-filters{display:flex;gap:6px;padding:12px 25px 0}.chart-filters>button{font-size:.49rem;padding:6px 9px;background:transparent;border:1px solid #193d3455;border-radius:20px;color:var(--north)}.chart-filters>button[aria-pressed=true]{background:var(--north);color:var(--ivory)}.chart-live .north-chart{margin:4px 27px 0;height:144px}.north-chart.is-interactive .north-bar>i{max-width:55px;background:var(--north)}.north-chart.is-interactive .north-bar:hover>i,.north-chart.is-interactive .north-bar[aria-pressed=true]>i{background:var(--terra)}.north-chart.is-interactive .north-bar[aria-pressed=true]>span{font-weight:700}.chart-footnote{padding:16px 25px 0;font-size:.46rem;line-height:1.45}.brand-comparison{display:grid;grid-template-columns:1fr 1.12fr;gap:24px}.brand-source,.brand-output{border:1.5px solid var(--ink);border-radius:5px;overflow:hidden;background:var(--ivory)}.brand-source>.north-logo{margin:22px 24px 0;font-size:1.25rem}.brand-font{padding:23px 24px 0;color:var(--north)}.brand-font>span{font:.43rem/1 Arial,sans-serif;letter-spacing:.08em;display:block;margin-bottom:8px}.brand-font>strong{font:400 2.3rem/1 Georgia,serif;display:block;margin-bottom:17px;letter-spacing:-.03em}.brand-font>p{font:400 .8rem/1.3 Arial,sans-serif}.brand-swatches{display:flex;gap:10px;padding:23px 24px 0}.brand-swatches>button{width:100%;height:48px;background:var(--swatch);border:1px solid var(--north);font:.46rem/1 Arial,sans-serif;color:white;padding-top:22px}.brand-swatches>button:nth-child(2){color:var(--north)}.brand-inspect{padding:17px 24px 22px;display:flex;gap:11px}.brand-inspect>button{background:transparent;border-bottom:1px solid var(--north);font:.56rem/1 Arial,sans-serif;color:var(--north);padding:4px 0}.brand-site{padding:20px 23px;background:var(--north);color:var(--ivory);font-family:Arial,sans-serif;min-height:310px}.brand-site>.north-logo{color:var(--ivory);font-size:.8rem}.brand-site h3{font:400 2.15rem/.99 Georgia,serif;letter-spacing:-.05em;margin-top:24px}.brand-site h3 em{font-style:normal;color:var(--terra)}.brand-site img{width:100%;height:102px;object-fit:cover;margin-top:19px}.brand-site p{font-size:.55rem;line-height:1.5;margin-top:14px;max-width:300px}.brand-site[data-inspect=logo]>.north-logo{outline:2px solid var(--terra);outline-offset:6px}.brand-site[data-inspect=fonts] h3{outline:2px solid var(--terra);outline-offset:6px}.brand-site[data-inspect=colors]{box-shadow:inset 0 0 0 6px var(--terra)}.brand-readout{font-size:.66rem;font-weight:700;margin-top:20px}.north-site{background:var(--ivory);color:var(--north);border:1.5px solid var(--ink);border-radius:5px;overflow:auto;max-height:380px;scroll-behavior:smooth;font-family:Arial,sans-serif;box-shadow:4px 5px 0 var(--ink)}.north-site>nav{padding:21px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #193d3433;gap:20px}.north-site>nav>.north-logo{font-size:.8rem}.north-site>nav>div{display:flex;gap:20px}.north-site>nav button{background:none;padding:4px 0;font-size:.55rem;color:var(--north)}.north-site-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:35px;padding:37px 5%;align-items:center}.north-site-hero>div>span{font-size:.45rem;letter-spacing:.07em}.north-site-hero h3{font:400 2.7rem/.98 Georgia,serif;letter-spacing:-.06em;margin-top:20px}.north-site-hero h3 em{font-style:normal;color:var(--terra)}.north-site-hero p{font-size:.68rem;line-height:1.5;max-width:310px;margin-top:20px}.north-site-hero img{height:265px;width:100%;object-fit:cover}.north-button{background:var(--north);color:var(--ivory);font:400 .61rem/1.2 Arial,sans-serif;padding:12px 16px;border:1px solid var(--north);margin-top:21px}.north-space{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;padding:32px 5%;border-top:1px solid #193d3433;align-items:center}.north-space>div>span,.north-progress>div>span{font-size:.47rem;letter-spacing:.08em}.north-space h4,.north-progress h4{font:400 1.9rem/1 Georgia,serif;letter-spacing:-.04em;margin:15px 0 0}.north-space p,.north-progress p{font-size:.65rem;line-height:1.5;margin-top:15px;max-width:280px}.north-space video{width:100%;height:220px;object-fit:cover}.north-progress{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;padding:20px 5% 45px;align-items:center}.compact-live-chart .north-chart{height:190px;margin-top:0}.compact-live-chart>p{font-size:.53rem!important;margin-top:12px!important}.north-site footer{display:flex;justify-content:space-between;gap:20px;padding:20px 5%;border-top:1px solid #193d3433;font-size:.46rem}.deck-navigation{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);padding:13px 28px;background:var(--cream)}.deck-current{display:flex;align-items:center;gap:12px}.deck-current>b{font-size:.95rem;letter-spacing:-.06em}.deck-current>span{font-size:.67rem}.deck-navigation>span:not(.deck-current){font-size:.46rem;letter-spacing:.06em}.deck-navigation>div{display:flex;gap:8px}.deck-navigation>div>button{width:30px;height:30px;border:1.5px solid var(--ink);border-radius:50%;background:var(--yellow);font-size:1.5rem;line-height:1}.deck-navigation button:disabled{opacity:.35}.deck-filmstrip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;padding:20px 25px;background:#e8e8df}.deck-thumb{padding:0;background:none;text-align:left;min-width:0;color:var(--ink)}.thumb-visual{height:84px;border:1.5px solid var(--ink);border-radius:4px;display:block;position:relative;overflow:hidden;background:var(--north)}.deck-thumb[aria-pressed=true] .thumb-visual{outline:3px solid var(--blue);outline-offset:3px}.thumb-visual>strong{display:block;color:var(--ivory);font:400 1.2rem/.95 Georgia,serif;letter-spacing:-.04em;padding:16px 11px;position:relative;z-index:2}.thumb-visual>strong>em{font-style:normal;color:var(--terra)}.thumb-visual img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.thumb-1 .thumb-visual:after,.thumb-4 .thumb-visual:after{content:'';position:absolute;inset:0;background:#193d3466;z-index:1}.thumb-caption{display:flex;gap:6px;font-size:.46rem;line-height:1.35;padding-top:10px}.thumb-caption>b{font-size:.45rem}.thumb-2 .thumb-visual{background:var(--ivory)}.thumb-2 strong{color:var(--north);font-size:1.05rem}.thumb-chart{position:absolute;display:flex;align-items:end;gap:4px;right:10px;bottom:13px;height:55px}.thumb-chart>b{height:35%;background:var(--north);width:10px}.thumb-chart>b:nth-child(2){height:52%}.thumb-chart>b:nth-child(3){height:72%}.thumb-chart>b:nth-child(4){height:95%;background:var(--terra)}.thumb-3 .thumb-visual{background:var(--ivory)}.thumb-3 strong{color:var(--north);font-size:1.1rem}.thumb-swatches{position:absolute;display:flex;right:10px;bottom:13px;gap:4px}.thumb-swatches>b{width:16px;height:16px;background:var(--north);border:1px solid var(--north)}.thumb-swatches>b:nth-child(2){background:var(--ivory)}.thumb-swatches>b:nth-child(3){background:var(--terra)}.result-mini{height:auto!important;overflow:visible!important;border:2px solid var(--ink);border-radius:5px}.inline-sample{height:auto!important;overflow:visible!important}.site-preview .transform-slide{padding:35px 4% 25px;min-height:620px}.site-preview .chapter-heading h2{font-size:2.8rem!important}.site-preview .compare-pair{gap:35px}.site-preview .source-page{padding:32px;min-height:335px}.site-preview .source-page h3{font-size:2.15rem}.site-preview .source-page p{font-size:.75rem}.site-preview .north-text-experience{padding:35px 40px;min-height:375px}.site-preview .north-text-experience h3{font-size:4.1rem}.site-preview .north-body{font-size:.95rem!important}.site-preview .text-controls>button{font-size:.66rem;padding:9px 12px}.site-preview .explorable-photo,.site-preview .motion-study video{height:295px}.site-preview .image-source img{height:170px}.site-preview .chart-source .north-chart{height:170px}.site-preview .chart-live .north-chart{height:200px}.site-preview .chart-header strong{font-size:3.8rem}.site-preview .brand-site{padding:28px 33px;min-height:370px}.site-preview .brand-site h3{font-size:3rem}.site-preview .brand-site img{height:150px}.site-preview .brand-site p{font-size:.7rem}.site-preview .north-site{max-height:490px}.site-preview .north-site-hero h3{font-size:3.5rem}.site-preview .thumb-visual{height:96px}.site-preview .thumb-visual>strong{font-size:1.4rem}.site-preview .thumb-caption{font-size:.55rem}.treatment-clean .north-site-hero{grid-template-columns:1.15fr .85fr}.treatment-editorial .north-site-hero{grid-template-columns:1fr}.treatment-editorial .north-site-hero img{height:230px}.treatment-editorial .north-site-hero h3{font-size:3.2rem}
@keyframes type-reveal{from{opacity:0;transform:translateY(24px);filter:blur(6px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@media(max-width:1050px) and (min-width:761px){.transform-slide{padding:27px}.chapter-heading h2{font-size:2.05rem!important}.compare-pair{gap:18px}.source-page{margin:16px;padding:20px}.north-text-experience{padding:25px}.north-text-experience h3{font-size:2.65rem}.source-page h3{font-size:1.5rem}.source-brandbar{padding:17px 25px}.source-brandbar>span:not(.north-logo){font-size:.45rem}.deck-filmstrip{gap:12px;padding:19px 22px}.thumb-visual>strong{font-size:1.04rem;padding:16px 9px}.thumb-chart{right:7px;gap:3px}.thumb-chart>b{width:8px}.brand-swatches{gap:7px;padding-left:20px;padding-right:20px}.brand-site{padding:20px}.brand-site h3{font-size:1.9rem}.chapter-heading .interaction-hint{font-size:.44rem;max-width:140px}}
@media(max-width:760px){.source-brandbar{padding:15px 17px;gap:15px}.source-brandbar>.north-logo{font-size:.75rem}.source-brandbar>span:not(.north-logo){display:none}.source-brandbar>b{font-size:.42rem;letter-spacing:.04em;padding:5px 7px}.transform-slide,.site-preview .transform-slide{padding:24px 17px 20px;min-height:0}.chapter-heading{display:block;margin-bottom:20px}.chapter-heading>div>p{font-size:.45rem;line-height:1.4;margin-bottom:12px}.chapter-heading h2,.site-preview .chapter-heading h2{font-size:1.92rem!important;line-height:1.02!important;letter-spacing:-.055em}.interaction-hint{display:block;text-align:left;font-size:.42rem;margin-top:13px;max-width:none}.compare-pair{grid-template-columns:1fr;gap:18px}.source-panel{background:#deded6}.source-panel .panel-label,.panel-label{padding:10px 12px;font-size:.43rem}.source-page,.site-preview .source-page{margin:14px;padding:18px;min-height:0}.source-page>.north-logo{font-size:.57rem}.source-page h3,.site-preview .source-page h3{font-size:1.35rem;margin-top:14px;line-height:1.02}.source-page>p,.site-preview .source-page>p{font-size:.55rem;line-height:1.4;margin-top:10px;max-width:220px}.source-page-no{font-size:.32rem;margin-top:18px}.text-slide .source-page{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.text-slide .source-page>.north-logo{grid-column:1/-1}.text-slide .source-page h3{grid-column:1;grid-row:2/4;margin-top:17px}.text-slide .source-page>p{grid-column:2;margin-top:17px;font-size:.51rem}.text-slide .source-page .source-page-no{grid-column:2;margin-top:13px;font-size:.3rem}.north-text-experience,.site-preview .north-text-experience{padding:25px 22px;min-height:280px}.north-text-experience>p:first-child{font-size:.44rem;margin-bottom:22px}.north-text-experience h3,.site-preview .north-text-experience h3{font-size:2.65rem}.north-body,.site-preview .north-body{font-size:.69rem!important;max-width:270px;margin-top:19px!important}.text-controls{gap:7px;margin-top:22px}.text-controls>button,.site-preview .text-controls>button{font-size:.49rem;padding:7px 8px}.source-note{font-size:.5rem;margin-top:15px;line-height:1.5}.image-source{display:grid;grid-template-columns:1fr 1fr;column-gap:15px}.image-source .north-logo{grid-column:1}.image-source h3{grid-column:1;grid-row:2;margin-top:12px}.image-source>p{grid-column:1;grid-row:3;max-width:135px;font-size:.47rem}.image-source>img,.site-preview .image-source>img{grid-column:2;grid-row:1/5;height:113px;margin:0;width:100%;align-self:stretch;object-fit:cover}.image-source .source-page-no{grid-column:1;grid-row:4;font-size:.29rem;margin-top:13px}.image-mode-tabs{padding:10px 12px;gap:7px}.image-mode-tabs button{font-size:.47rem;padding:6px 9px}.explorable-photo,.site-preview .explorable-photo{height:242px}.photo-detail{left:10px;bottom:10px;padding:10px 11px;max-width:185px}.photo-detail b{font-size:.95rem}.photo-detail span{font-size:.46rem;max-width:160px}.photo-hotspot{height:25px;width:25px;font-size:.58rem;box-shadow:0 0 0 5px #faf5e744}.photo-zoom{font-size:.48rem;padding:12px}.motion-study video,.site-preview .motion-study video{height:230px}.motion-study>span{font-size:.43rem;padding:11px 12px}.chart-source{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;align-items:start}.chart-source .north-logo{grid-column:1}.chart-source h3{grid-column:1;grid-row:2;max-width:130px;font-size:1.2rem;margin-top:17px}.chart-source>p{grid-column:1;grid-row:3;font-size:.47rem;margin-top:8px}.chart-source .north-chart,.site-preview .chart-source .north-chart{grid-column:2;grid-row:1/5;height:108px;margin:0;gap:8px;padding-bottom:20px}.chart-source .north-bar>span{font-size:.41rem}.chart-source .north-bar>b{font-size:.36rem;bottom:-15px}.chart-source .source-page-no{grid-column:1;grid-row:4;font-size:.26rem;line-height:1.4;margin-top:17px}.chart-header{padding:22px 21px 0}.chart-header>div>span{font-size:.43rem}.chart-header strong,.site-preview .chart-header strong{font-size:3.1rem}.chart-header>p{font-size:.59rem}.chart-filters{padding:11px 21px 0}.chart-filters button{font-size:.47rem;padding:6px 9px}.chart-live .north-chart,.site-preview .chart-live .north-chart{margin:10px 23px 0;height:156px;gap:15px}.chart-footnote{padding:17px 21px 0;font-size:.45rem}.north-bar>span{font-size:.58rem}.north-bar>b{font-size:.48rem}.brand-comparison{grid-template-columns:1fr;gap:18px}.brand-source{display:grid;grid-template-columns:1fr 1fr;column-gap:10px}.brand-source>.panel-label{grid-column:1/-1}.brand-source>.north-logo{margin:22px 19px 0;font-size:.92rem;grid-column:1}.brand-font{padding:20px 18px 0;grid-column:2;grid-row:2/4}.brand-font>span{font-size:.39rem;margin-bottom:7px}.brand-font>strong{font-size:1.7rem;margin-bottom:13px}.brand-font>p{font-size:.64rem}.brand-swatches{padding:20px 19px 0;gap:5px;grid-column:1}.brand-swatches>button{height:37px;font-size:.27rem;padding-top:17px}.brand-inspect{padding:17px 19px 22px;grid-column:1/-1;gap:15px}.brand-inspect button{font-size:.54rem}.brand-site,.site-preview .brand-site{padding:23px;min-height:330px}.brand-site>.north-logo{font-size:.7rem}.brand-site h3,.site-preview .brand-site h3{font-size:2.55rem;margin-top:24px}.brand-site img,.site-preview .brand-site img{height:143px;margin-top:21px}.brand-site p,.site-preview .brand-site p{font-size:.63rem;line-height:1.4;margin-top:17px}.brand-readout{font-size:.58rem;line-height:1.4;margin-top:18px}.north-site,.site-preview .north-site{max-height:510px}.north-site>nav{padding:17px 6%;gap:15px}.north-site>nav>.north-logo{font-size:.66rem}.north-site>nav>div{gap:12px}.north-site>nav button{font-size:.47rem}.north-site-hero,.treatment-clean .north-site-hero,.treatment-editorial .north-site-hero{grid-template-columns:1fr;padding:28px 7%;gap:27px}.north-site-hero>div>span{font-size:.39rem;letter-spacing:.045em}.north-site-hero h3,.site-preview .north-site-hero h3,.treatment-editorial .north-site-hero h3{font-size:2.6rem;margin-top:23px}.north-site-hero p{font-size:.68rem;margin-top:18px}.north-button{font-size:.57rem;padding:11px 14px;margin-top:20px}.north-site-hero img,.treatment-editorial .north-site-hero img{height:210px}.north-space{grid-template-columns:1fr;gap:25px;padding:27px 7%}.north-space h4,.north-progress h4{font-size:1.9rem;margin-top:15px}.north-space>div>span,.north-progress>div>span{font-size:.42rem}.north-space p,.north-progress p{font-size:.67rem}.north-space video{height:180px}.north-progress{grid-template-columns:1fr;padding:25px 7% 33px;gap:20px}.compact-live-chart .north-chart{height:175px;gap:18px}.compact-live-chart>p{font-size:.49rem!important}.north-site footer{display:block;font-size:.43rem;padding:18px 7%;line-height:1.5}.north-site footer>span{display:block;margin-top:6px}.deck-navigation{padding:12px 16px;gap:14px}.deck-current{gap:9px}.deck-current>b{font-size:.8rem}.deck-current>span{font-size:.56rem;max-width:170px;line-height:1.25}.deck-navigation>span:not(.deck-current){display:none}.deck-navigation>div{gap:7px}.deck-navigation>div>button{width:28px;height:28px;font-size:1.4rem}.deck-filmstrip{display:flex;overflow-x:auto;gap:13px;padding:18px 16px;scroll-snap-type:x proximity}.deck-thumb{flex:0 0 119px;scroll-snap-align:start}.thumb-visual,.site-preview .thumb-visual{height:73px}.thumb-visual>strong,.site-preview .thumb-visual>strong{font-size:1.04rem;padding:15px 9px}.thumb-caption,.site-preview .thumb-caption{font-size:.43rem;gap:5px;line-height:1.3}.thumb-chart{right:9px;gap:3px;height:45px}.thumb-chart>b{width:8px}.thumb-2 strong{font-size:.93rem}.thumb-swatches{right:8px;bottom:11px;gap:3px}.thumb-swatches>b{width:13px;height:13px}.result-mini .source-brandbar{padding:13px}.result-mini .transform-slide{padding:22px 13px 18px}.result-mini .chapter-heading h2{font-size:1.75rem!important}.result-mini .source-panel .source-page{margin:11px;padding:15px}.result-mini .north-text-experience{padding:23px 18px}.result-mini .north-text-experience h3{font-size:2.38rem}.result-mini .deck-current>span{max-width:135px}.result-mini .brand-site{padding:20px}}
@media(max-width:360px){.chapter-heading h2,.site-preview .chapter-heading h2{font-size:1.65rem!important}.transform-slide,.site-preview .transform-slide{padding-left:13px;padding-right:13px}.north-text-experience h3,.site-preview .north-text-experience h3{font-size:2.25rem}.text-controls>button{font-size:.43rem;padding:6px}.source-page h3,.site-preview .source-page h3{font-size:1.18rem}.source-page>p{font-size:.48rem}.text-slide .source-page>p{font-size:.45rem}.brand-site h3,.site-preview .brand-site h3{font-size:2.2rem}.image-mode-tabs button{font-size:.43rem;padding:6px 7px}.north-site-hero h3,.site-preview .north-site-hero h3{font-size:2.3rem}.north-site>nav>.north-logo{font-size:.58rem}.deck-current>span{max-width:145px}.brand-swatches>button{font-size:.23rem}.source-brandbar{padding-left:14px;padding-right:14px}.source-brandbar>.north-logo{font-size:.67rem}}
@media(prefers-reduced-motion:reduce){.replaying .reveal-line{animation:none!important}.north-bar>i,.explorable-photo>img{transition:none!important}}
/* Keep the target still; the visual invitation around each hotspot breathes. */
.photo-hotspot{min-width:44px;min-height:44px;isolation:isolate}.photo-hotspot:before,.photo-hotspot:after{content:'';position:absolute;inset:-5px;border:2px solid currentColor;border-radius:50%;pointer-events:none;opacity:0}.photo-hotspot:after{inset:-11px;border-width:1px}.deck-motion-visible .photo-hotspot:before{animation:photo-dot-breathe 2s ease-in-out -.4s infinite}.deck-motion-visible .photo-hotspot:after{animation:photo-dot-ring 2s ease-out -.4s infinite}.deck-motion-visible .photo-hotspot.spot-2:before,.deck-motion-visible .photo-hotspot.spot-2:after{animation-delay:-1s}.deck-motion-visible .photo-hotspot.spot-3:before,.deck-motion-visible .photo-hotspot.spot-3:after{animation-delay:-1.6s}.photo-hotspot:hover,.photo-hotspot:focus-visible{background:#ffe82d;color:#193d34;outline:3px solid white;outline-offset:3px}.photo-hotspot:active{background:#e87549}.motion-paused .photo-hotspot:before,.motion-paused .photo-hotspot:after{animation-play-state:paused!important}
@keyframes photo-dot-breathe{0%,100%{scale:.9;opacity:.3}50%{scale:1.2;opacity:.95}}@keyframes photo-dot-ring{0%{scale:.8;opacity:.65}100%{scale:1.6;opacity:0}}@media(prefers-reduced-motion:reduce){.photo-hotspot:before,.photo-hotspot:after{animation:none!important}}
.photo-hotspot,.photo-hotspot.selected{padding:0;background:transparent;box-shadow:none;border:0;transform:none}.photo-hotspot-dot{display:grid;place-items:center;width:100%;height:100%;min-height:44px;border:1px solid var(--north);border-radius:50%;background:var(--ivory);box-shadow:0 0 0 6px #faf5e744;pointer-events:none}.photo-hotspot.selected .photo-hotspot-dot{background:var(--terra)}.deck-motion-visible .photo-hotspot-dot{animation:photo-dot-scale 2s ease-in-out -.4s infinite}.deck-motion-visible .spot-2 .photo-hotspot-dot{animation-delay:-1s}.deck-motion-visible .spot-3 .photo-hotspot-dot{animation-delay:-1.6s}.photo-hotspot:hover .photo-hotspot-dot,.photo-hotspot:focus-visible .photo-hotspot-dot{background:#ffe82d}.photo-hotspot:active .photo-hotspot-dot{background:#e87549}.motion-paused .photo-hotspot-dot{animation-play-state:paused!important}@keyframes photo-dot-scale{0%,100%{scale:.95}50%{scale:1.14}}@media(prefers-reduced-motion:reduce){.photo-hotspot-dot{animation:none!important}}