/* TONAR case only. No global element overrides. */
body.isart-tonar-view .face-wrapper .face-block{display:none}
#tonar-case{--tn-blue:#0b2440;--tn-ink:#112435;--tn-light:#eef1f4;--tn-accent:#51f45f;--tn-header:94px;background:#fff;color:var(--tn-ink);font-family:Aptos,Arial,sans-serif;line-height:1.55;isolation:isolate}
#tonar-case *,#tonar-case *:before,#tonar-case *:after{box-sizing:border-box}
#tonar-case [hidden]{display:none!important}
#tonar-case a{color:inherit;text-decoration:none}
#tonar-case a:focus-visible,#tonar-case button:focus-visible,#tonar-case input:focus-visible{outline:3px solid #2c7cd1;outline-offset:6px}
#tonar-case .tn-container{width:min(1440px,calc(100% - 112px));margin-inline:auto}
#tonar-case .tn-section{padding-block:110px}
#tonar-case h1,#tonar-case h2,#tonar-case h3,#tonar-case p,#tonar-case figure,#tonar-case dl{margin:0}
#tonar-case h2{font-size:clamp(34px,4vw,64px);line-height:1.03;letter-spacing:-.045em;font-weight:600}
#tonar-case h3{font-size:clamp(23px,2.3vw,34px);line-height:1.12;letter-spacing:-.025em;font-weight:600}
#tonar-case .tn-label{font-size:12px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;margin-bottom:28px}
#tonar-case .tn-button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:19px 25px;min-height:58px;background:var(--tn-accent);color:#071f12;border:1px solid transparent;border-radius:6px;font:600 16px Aptos,Arial,sans-serif;white-space:nowrap;cursor:pointer;transition:background .25s,transform .25s,box-shadow .25s}
#tonar-case .tn-button:hover{background:#9bffa3;transform:translateY(-3px);box-shadow:0 10px 28px #0002}
#tonar-case .tn-button svg,#tonar-case .tn-text-link svg,#tonar-case .tn-related svg,#tonar-case .tn-facts svg{width:22px;height:22px;flex:none;transition:transform .25s}
#tonar-case .tn-button:hover svg,#tonar-case .tn-text-link:hover svg,#tonar-case .tn-related a:hover svg{transform:translate(3px,-3px)}
#tonar-case .tn-button--dark{background:var(--tn-blue);color:white}
#tonar-case .tn-button--dark:hover{background:#183c5e}
#tonar-case .tn-text-link{display:inline-flex;align-items:center;gap:20px;padding-block:16px;border-bottom:1px solid #11243540;font-size:17px}
#tonar-case .tn-hero{position:relative;min-height:780px;background:#09192b;color:white;overflow:hidden;isolation:isolate}
#tonar-case .tn-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#041321ee 0%,#04132192 45%,#0413211a 100%),linear-gradient(0deg,#031424cf,transparent 45%);z-index:-1}
#tonar-case .tn-hero__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;z-index:-2}
#tonar-case .tn-hero__content{padding-block:30px 48px;position:relative}
#tonar-case .tn-breadcrumbs{display:flex;gap:12px;align-items:center;font-size:13px;color:#ffffffb8;margin-bottom:60px}
#tonar-case .tn-breadcrumbs a:hover{text-decoration:underline}
#tonar-case .tn-hero__topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:70px}
#tonar-case .tn-hero__topline .tn-label{margin:0}
#tonar-case .tn-logo{width:210px;height:auto}
#tonar-case h1{font-size:clamp(52px,6.1vw,104px);line-height:.96;letter-spacing:-.045em;font-weight:600;max-width:1120px;margin-bottom:64px}
#tonar-case h1 span{color:var(--tn-accent)}
#tonar-case .tn-hero__bottom{display:flex;gap:50px;align-items:end;justify-content:space-between}
#tonar-case .tn-hero__bottom p{max-width:570px;font-size:20px;line-height:1.45;color:#ffffffdf}
#tonar-case .tn-hero__line{height:1px;background:#ffffff50;margin-top:48px;position:relative}
#tonar-case .tn-hero__line:before{content:"";display:block;width:80px;height:3px;background:var(--tn-accent);transform:translateY(-1px)}
#tonar-case .tn-facts{background:var(--tn-light);padding-block:40px}
#tonar-case .tn-facts dl{display:grid;grid-template-columns:1.2fr 1.2fr 1.2fr .8fr;gap:35px}
#tonar-case .tn-facts dt{font-size:13px;color:#526576;margin-bottom:10px}
#tonar-case .tn-facts dd{font-size:18px;line-height:1.25;margin:0}
#tonar-case .tn-facts a{display:flex;align-items:center;gap:20px}
#tonar-case .tn-story{display:grid;grid-template-columns:1fr 1fr;gap:90px}
#tonar-case .tn-richtext{font-size:19px;line-height:1.65;color:#465a6a}
#tonar-case .tn-richtext p+p{margin-top:22px}
#tonar-case .tn-richtext h3{color:var(--tn-ink);margin:38px 0 20px}
#tonar-case .tn-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:35px}
#tonar-case .tn-tags span{border:1px solid #1124352b;border-radius:30px;padding:7px 15px;font-size:13px}
#tonar-case .tn-route{background:var(--tn-blue);color:white}
#tonar-case .tn-section-head{display:flex;align-items:end;justify-content:space-between;gap:70px;margin-bottom:58px}
#tonar-case .tn-section-head>p{font-size:19px;max-width:440px;line-height:1.55;opacity:.8}
#tonar-case .tn-route__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
#tonar-case .tn-route__grid article{border-top:1px solid #ffffff45;padding-top:30px;transition:border-color .3s,transform .3s}
#tonar-case .tn-route__grid article:hover{border-color:var(--tn-accent);transform:translateY(-5px)}
#tonar-case .tn-route__grid svg{width:45px;height:45px;fill:none;stroke:var(--tn-accent);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin-bottom:36px}
#tonar-case .tn-route__grid h3{font-size:26px;margin-bottom:20px}
#tonar-case .tn-route__grid p{font-size:16px;color:#cedce7}
#tonar-case .tn-motion-intro{display:grid;grid-template-columns:1fr 1fr;gap:25px 90px;padding-bottom:65px}
#tonar-case .tn-motion-intro .tn-label{grid-column:1/-1;margin:0}
#tonar-case .tn-motion-intro>p:last-child{font-size:20px;color:#465a6a;align-self:end;max-width:500px}
#tonar-case .tn-motion{height:270vh;height:270svh;background:var(--tn-light);position:relative}
#tonar-case .tn-motion__sticky{position:sticky;top:var(--tn-header);height:calc(100vh - var(--tn-header));height:calc(100svh - var(--tn-header));overflow:hidden}
#tonar-case .tn-motion__mask{position:absolute;inset:0;background:#10151c;-webkit-mask-image:var(--tn-mask);mask-image:var(--tn-mask);-webkit-mask-size:auto 22%;mask-size:auto 22%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;will-change:mask-size}
#tonar-case .tn-motion__video{display:block!important;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .25s}
#tonar-case .tn-motion__mask.is-media-ready .tn-motion__video{opacity:1}
#tonar-case .tn-motion__still{display:none;width:100%;height:100%;object-fit:cover}
#tonar-case .tn-motion__hint{position:absolute;bottom:48px;inset-inline:56px;display:flex;justify-content:space-between;gap:25px;font-size:14px;pointer-events:none}
#tonar-case .tn-motion__hint>span:last-child{display:flex;align-items:center;gap:15px}
#tonar-case .tn-motion__hint svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
#tonar-case .tn-motion__pause{position:absolute;right:35px;top:24px;border:1px solid #ffffff60;background:#07121ccc;color:white;border-radius:30px;padding:11px 18px;font:500 14px Aptos,Arial,sans-serif;cursor:pointer;backdrop-filter:blur(12px)}
#tonar-case .tn-motion__progress{position:absolute;bottom:0;height:3px;inset-inline:0;background:#0b244014}
#tonar-case .tn-motion__progress span{display:block;height:100%;width:100%;background:var(--tn-accent);transform:scaleX(0);transform-origin:left}
#tonar-case .tn-motion.is-reduced{height:auto}
#tonar-case .tn-motion.is-reduced .tn-motion__sticky{position:relative;height:70vh}
#tonar-case .tn-motion.is-reduced .tn-motion__mask,#tonar-case .tn-motion.is-reduced .tn-motion__hint,#tonar-case .tn-motion.is-reduced .tn-motion__progress{display:none}
#tonar-case .tn-motion.is-reduced .tn-motion__still{display:block}
#tonar-case .tn-screens__heading{padding-bottom:70px}
#tonar-case .tn-screens__heading>p:last-child{font-size:18px;color:#526576;max-width:660px;margin-top:25px}
#tonar-case .tn-screen{padding-block:70px 64px;background:var(--tn-light)}
#tonar-case .tn-screen--blue{background:var(--tn-blue);color:white}
#tonar-case .tn-screen--hero{background:#dce4eb}
#tonar-case .tn-screen__image{display:block;border-radius:12px;overflow:hidden;box-shadow:0 20px 55px #08203826;cursor:zoom-in;background:#fff}
#tonar-case .tn-screen__image img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;transition:opacity .25s}
#tonar-case .tn-screen__image:hover img{opacity:.96}
#tonar-case .tn-screen figcaption{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:45px;align-items:start}
#tonar-case .tn-screen figcaption p{font-size:18px;line-height:1.65;color:#465a6a}
#tonar-case .tn-screen--blue figcaption p{color:#d0dfeb}
#tonar-case .tn-design{background:#f8f9fa}
#tonar-case .tn-design__grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}
#tonar-case .tn-design__brand{background:var(--tn-blue);color:white;border-radius:12px;min-height:380px;padding:50px;display:flex;flex-direction:column;justify-content:space-between}
#tonar-case .tn-design__brand img{width:min(350px,100%);height:auto}
#tonar-case .tn-design__brand p{font-size:24px;line-height:1.35}
#tonar-case .tn-design__swatches{display:grid;grid-template-rows:repeat(3,1fr);gap:12px}
#tonar-case .tn-design__swatches>div{display:flex;align-items:end;justify-content:space-between;padding:28px;border-radius:12px;background:var(--tn-blue);color:white;font-size:15px}
#tonar-case .tn-design__swatches>div:nth-child(2){background:var(--tn-light);color:var(--tn-ink)}
#tonar-case .tn-design__swatches>div:nth-child(3){background:var(--tn-accent);color:#071f12}
#tonar-case .tn-design__swatches b{font-weight:500;font-size:12px}
#tonar-case .tn-design__process{max-width:880px;margin-top:60px}
#tonar-case .tn-design__process h3{margin-top:0}
#tonar-case .tn-actions{display:flex;gap:25px;flex-wrap:wrap;align-items:center;margin-top:32px}
#tonar-case .tn-contact{background:var(--tn-blue);color:#fff;padding-block:100px}
#tonar-case .tn-contact>.tn-container{display:grid;grid-template-columns:1.2fr .8fr;gap:100px;align-items:center}
#tonar-case .tn-contact p:not(.tn-label):not(.tn-consent){font-size:19px;color:#d0dfeb;max-width:620px;margin-top:28px}
#tonar-case .tn-contact__phone{display:inline-block;margin-top:30px;font-size:26px}
#tonar-case .tn-form label{display:block;font-size:14px;margin-bottom:14px}
#tonar-case .tn-form input[type=tel]{background:transparent;border:0;border-bottom:1px solid #ffffff60;border-radius:0;padding:15px 0;color:#fff;display:block;width:100%;font:400 26px Aptos,Arial,sans-serif;margin-bottom:28px}
#tonar-case .tn-form input[type=tel]::placeholder{color:#fff9}
#tonar-case .tn-form input[type=submit]{width:100%;text-align:left;display:block}
#tonar-case .tn-form input:disabled{opacity:.65;cursor:wait;transform:none}
#tonar-case .tn-consent{font-size:12px;line-height:1.5;color:#b8ccdd;margin-top:20px}
#tonar-case .tn-consent a{text-decoration:underline}
#tonar-case .tn-related{padding-block:38px;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
#tonar-case .tn-related a{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:17px;padding-block:20px;border-bottom:1px solid #11243530}
#tonar-case .tn-lightbox{width:min(1400px,94vw);max-width:94vw;max-height:90vh;border:0;border-radius:12px;padding:0;background:var(--tn-light);color:var(--tn-ink)}
#tonar-case .tn-lightbox::backdrop{background:#001021dc}
#tonar-case .tn-lightbox__bar{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 24px;background:#ffffffed;backdrop-filter:blur(15px)}
#tonar-case .tn-lightbox__bar h2{font-size:20px;letter-spacing:0}
#tonar-case .tn-lightbox__bar button{border:0;background:var(--tn-blue);color:white;border-radius:50%;width:38px;height:38px;font-size:28px;line-height:1;cursor:pointer}
#tonar-case .tn-lightbox>img{display:block;width:100%;height:auto}
#tonar-case.tn-js [data-tn-reveal]{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
#tonar-case.tn-js [data-tn-reveal].is-visible{opacity:1;transform:none}
@media(min-width:1800px){#tonar-case .tn-hero{min-height:900px}}
@media(max-width:1100px){#tonar-case .tn-container{width:calc(100% - 64px)}#tonar-case .tn-section{padding-block:80px}#tonar-case .tn-story,#tonar-case .tn-motion-intro{gap:50px}#tonar-case .tn-hero{min-height:700px}#tonar-case .tn-hero__topline{margin-bottom:50px}#tonar-case .tn-route__grid{grid-template-columns:1fr 1fr;gap:40px}#tonar-case .tn-screen figcaption{gap:45px}#tonar-case .tn-contact>.tn-container{gap:50px}#tonar-case .tn-design__brand{padding:35px}}
@media(max-width:700px){#tonar-case{--tn-header:72px}#tonar-case .tn-container{width:calc(100% - 40px)}#tonar-case .tn-section{padding-block:64px}#tonar-case h2{font-size:36px}#tonar-case h3{font-size:27px}#tonar-case .tn-label{font-size:10px;margin-bottom:20px}#tonar-case .tn-hero{min-height:700px}#tonar-case .tn-hero__photo{object-position:62% center}#tonar-case .tn-hero:after{background:linear-gradient(90deg,#041321dd,#04132155),linear-gradient(0deg,#031424e0,transparent)}#tonar-case .tn-breadcrumbs{margin-bottom:34px}#tonar-case .tn-hero__topline{align-items:start;gap:20px;margin-bottom:52px}#tonar-case .tn-hero__topline .tn-label{max-width:165px;line-height:1.5}#tonar-case .tn-logo{width:120px}#tonar-case h1{font-size:clamp(40px,9.5vw,60px);line-height:1.03;margin-bottom:42px}#tonar-case .tn-hero__bottom{display:block}#tonar-case .tn-hero__bottom p{font-size:18px;margin-bottom:28px}#tonar-case .tn-hero__line{margin-top:34px}#tonar-case .tn-facts{padding-block:30px}#tonar-case .tn-facts dl{grid-template-columns:1fr 1fr;gap:30px 22px}#tonar-case .tn-facts dd{font-size:16px}#tonar-case .tn-story,#tonar-case .tn-motion-intro{grid-template-columns:1fr;gap:34px}#tonar-case .tn-richtext{font-size:17px}#tonar-case .tn-tags{margin-top:25px}#tonar-case .tn-section-head{display:block;margin-bottom:38px}#tonar-case .tn-section-head>p{font-size:17px;margin-top:26px}#tonar-case .tn-route__grid{gap:32px 20px}#tonar-case .tn-route__grid h3{font-size:21px}#tonar-case .tn-route__grid p{font-size:14px}#tonar-case .tn-route__grid svg{margin-bottom:26px;width:36px;height:36px}#tonar-case .tn-motion-intro>p:last-child{font-size:18px}#tonar-case .tn-motion{height:240svh}#tonar-case .tn-motion__hint{inset-inline:20px;bottom:30px;font-size:12px}#tonar-case .tn-motion__pause{right:18px;top:18px;font-size:12px}#tonar-case .tn-screens__heading{padding-bottom:40px}#tonar-case .tn-screens__heading>p:last-child{font-size:16px}#tonar-case .tn-screen{padding-block:30px 40px}#tonar-case .tn-screen__image{border-radius:6px}#tonar-case .tn-screen figcaption{grid-template-columns:1fr;gap:18px;padding-top:28px}#tonar-case .tn-screen figcaption p{font-size:16px}#tonar-case .tn-design__grid{grid-template-columns:1fr}#tonar-case .tn-design__brand{min-height:280px;padding:30px}#tonar-case .tn-design__brand p{font-size:22px}#tonar-case .tn-design__swatches>div{min-height:95px;padding:24px}#tonar-case .tn-contact{padding-block:65px}#tonar-case .tn-contact>.tn-container{grid-template-columns:1fr;gap:42px}#tonar-case .tn-contact p:not(.tn-label):not(.tn-consent){font-size:17px}#tonar-case .tn-contact__phone{font-size:24px}#tonar-case .tn-related{grid-template-columns:1fr;gap:6px;padding-block:22px}#tonar-case .tn-actions{gap:18px}#tonar-case .tn-lightbox__bar h2{font-size:15px}#tonar-case .tn-lightbox__bar{padding:12px}}
@media(prefers-reduced-motion:reduce){#tonar-case *,#tonar-case *:before,#tonar-case *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}#tonar-case.tn-js [data-tn-reveal]{opacity:1;transform:none}#tonar-case .tn-motion{height:auto}#tonar-case .tn-motion__sticky{position:relative;height:65vh}#tonar-case .tn-motion__mask,#tonar-case .tn-motion__hint,#tonar-case .tn-motion__progress{display:none}#tonar-case .tn-motion__still{display:block}}