/*
Theme Name: Nu-TEL Modern 2026
Author: Nu-TEL Communications
Description: Responsive Nu-TEL business communications theme with SMS opt-in.
Version: 16.13
Requires PHP: 7.4
*/
:root{--navy:#10243b;--blue:#1662a3;--orange:#ed7828;--light:#f3f7fb}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--navy);line-height:1.6}a{color:var(--blue)}.wrap{max-width:1160px;margin:auto;padding:0 24px}.site-header{background:white;box-shadow:0 2px 16px #12243b14;position:sticky;top:0;z-index:5}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:82px}.brand{font-size:28px;font-weight:800;text-decoration:none;color:var(--navy)}.brand span{color:var(--orange)}nav ul{list-style:none;display:flex;gap:20px;padding:0;flex-wrap:wrap}nav a{text-decoration:none;font-weight:600;color:var(--navy)}.btn{display:inline-block;padding:13px 22px;background:var(--orange);color:white;border:0;border-radius:7px;text-decoration:none;font-weight:bold;cursor:pointer}.btn.secondary{background:var(--blue)}.hero{background:linear-gradient(125deg,#10243b,#195a91);color:white;padding:90px 0}.hero h1{font-size:clamp(36px,5vw,62px);line-height:1.12;max-width:760px;margin:0 0 22px}.hero p{font-size:20px;max-width:650px}.hero .btn{margin:12px 12px 0 0}.section{padding:65px 0}.section.alt{background:var(--light)}h2{font-size:34px;line-height:1.2}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{padding:28px;border:1px solid #dce5ef;border-radius:12px;background:white;box-shadow:0 6px 22px #10243b0a}.card h3{margin-top:0}.kicker{color:var(--orange);font-weight:800;text-transform:uppercase;letter-spacing:.1em}.page-content{min-height:55vh;padding:55px 0}.page-content h1{font-size:40px}.site-footer{background:#0b1c30;color:white;padding:42px 0}.site-footer a{color:#c7e5ff}.footer-grid{display:grid;grid-template-columns:2fr 1fr;gap:35px}.sms-form{max-width:720px;background:#f5f8fc;border:1px solid #d7e3ee;border-radius:12px;padding:28px}.sms-form label{display:block;font-weight:700;margin:14px 0 5px}.sms-form input:not([type=checkbox]),.sms-form select{width:100%;padding:13px;border:1px solid #aabaca;border-radius:6px;font-size:16px}.sms-consent{display:flex;gap:12px;align-items:flex-start;margin:20px 0}.sms-consent input{margin-top:6px}.sms-consent label{margin:0;font-weight:400}.notice{padding:14px;border-radius:6px;background:#e8f4ec}.error{background:#fff0ed}.small{font-size:14px}.site-logo{max-height:65px;width:auto}@media(max-width:850px){.header-inner{align-items:flex-start;flex-direction:column;padding-top:14px;padding-bottom:14px}nav ul{gap:12px}.cards{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.hero{padding:65px 0}}

.nutel-official-logo{display:block;width:235px;max-width:100%;height:auto}.header-inner .brand{display:block;flex:0 0 auto}@media(max-width:850px){.nutel-official-logo{width:205px}}


/* Nu-TEL Premium 2026 redesign */
:root{--nt-navy:#071c34;--nt-blue:#0573aa;--nt-orange:#f0782d;--nt-ink:#10243a}
body{overflow-x:hidden}
.top-strip{background:#071c34;color:#c6d6e7;font-size:11px;letter-spacing:.025em}
.top-strip-inner{display:flex;justify-content:space-between;gap:15px;padding-top:9px;padding-bottom:9px}
.site-header{background:white!important;box-shadow:0 5px 30px #061c3410;position:relative;z-index:10}
.header-inner{min-height:88px}
.nutel-official-logo{width:215px!important;max-height:75px!important;object-fit:contain}
.site-header nav a{font-weight:700!important;color:#203850!important}
.site-header .btn{background:#f0782d!important;border-radius:9px!important;font-weight:800}
.hero-premium{background:radial-gradient(ellipse at 85% 35%,#124b7a 0%,#0b2c50 43%,#071b32 88%);color:white;padding:72px 0 65px;overflow:hidden}
.hero-layout{display:grid;grid-template-columns:1.07fr .93fr;gap:35px;align-items:center}
.hero-copy{position:relative;z-index:2}
.eyebrow{display:inline-flex;gap:10px;align-items:center;color:#ffb077;font-size:12px;font-weight:800;letter-spacing:2px}
.eyebrow-dot{height:8px;width:8px;border-radius:50%;background:#f0782d;box-shadow:0 0 0 5px #f0782d30}
.hero-premium h1{font-size:clamp(46px,5.5vw,80px);line-height:1.07;letter-spacing:-.055em;margin:22px 0 20px;color:white;font-weight:850}
.hero-premium h1 em{color:#ff9754;font-style:normal}
.orange-period{color:#f0782d}
.hero-premium .hero-copy>p{font-size:17px;color:#d5e4f1;line-height:1.8;max-width:560px}
.hero-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap;margin:30px 0 43px}
.btn-orange{background:#f0782d!important;color:white!important;padding:16px 24px!important;border-radius:10px!important;box-shadow:0 10px 24px #ef762d30;font-weight:800!important}
.hero-text-link{color:white!important;font-weight:750;text-decoration:none}
.hero-proof{display:flex;gap:30px;flex-wrap:wrap;border-top:1px solid #ffffff26;padding-top:25px}
.hero-proof span{display:flex;flex-direction:column;gap:5px}
.hero-proof strong{font-size:18px;color:white}
.hero-proof small{color:#aec6dc;font-size:12px}
.hero-visual{height:490px;position:relative;display:flex;align-items:center;justify-content:center}
.visual-orbit{position:absolute;border:1px solid #4d91c450;border-radius:50%;transform:rotate(-23deg)}
.orbit-one{width:420px;height:420px}
.orbit-two{width:520px;height:270px}
.visual-glow{position:absolute;width:320px;height:320px;border-radius:50%;background:#137ac25a;filter:blur(70px)}
.device-phone{width:245px;height:400px;position:relative;z-index:2;border:9px solid #17283a;border-radius:25px;background:linear-gradient(145deg,#33465b,#111d2c);box-shadow:25px 32px 50px #0007, inset 2px 2px 8px #ffffff20;transform:rotate(-8deg);padding:12px}
.device-top{height:30px;display:flex;align-items:center;justify-content:space-between;color:#d8e9f5;font-size:8px;font-weight:bold}
.device-top i{height:7px;width:7px;border-radius:50%;background:#59da9c}
.device-top b{font-size:7px}
.device-screen{background:linear-gradient(145deg,#c9e8f8,#f6fbff);height:153px;border-radius:8px;padding:16px;color:#183c60;display:flex;flex-direction:column;gap:5px}
.device-screen small{font-size:9px;color:#3c779e}
.device-screen strong{font-size:21px}
.device-screen>span{font-size:10px}
.screen-metrics{display:flex;justify-content:space-around;margin-top:14px}
.screen-metrics div{display:flex;flex-direction:column;align-items:center;color:#147cb1;font-size:17px}
.screen-metrics small{font-size:9px}
.device-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:17px 18px}
.device-keys span{text-align:center;color:#e5edf5;background:#263b50;border-radius:7px;padding:6px 0;font-size:13px;box-shadow:0 3px 2px #0004}
.device-base{position:absolute;bottom:-13px;left:30px;width:170px;height:15px;border-radius:50%;background:#061524}
.float-chip{position:absolute;z-index:3;background:white;color:#17334e;padding:12px 16px;border-radius:12px;display:flex;align-items:center;gap:11px;box-shadow:0 15px 45px #0004}
.float-chip>span{background:#e7f6ff;color:#137cba;border-radius:10px;font-size:22px;width:40px;height:40px;display:grid;place-items:center}
.float-chip div{display:flex;flex-direction:column;gap:4px}
.float-chip b{font-size:13px}
.float-chip small{font-size:10px;color:#6b8094}
.chip-top{top:55px;right:-3px}.chip-bottom{bottom:50px;left:-12px}
.trust-ribbon{background:#f2f7fb;border-bottom:1px solid #e2ebf3}
.trust-inner{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;padding-top:19px;padding-bottom:19px}
.trust-inner span{font-size:11px;letter-spacing:1.5px;color:#647d91;font-weight:800}
.trust-inner b{font-size:14px;color:#244766}.trust-inner i{font-style:normal;color:#f0782d}
.services-section{padding:86px 0;background:white}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}
.section-heading h2,.why-layout h2{font-size:clamp(32px,4vw,48px);line-height:1.13;letter-spacing:-.04em;margin:12px 0;color:#102b47}
.section-heading h2 span,.why-layout h2 span{color:#0876ad}
.section-heading>p{max-width:280px;color:#5e7184;line-height:1.7}
.kicker{font-size:12px!important;font-weight:850!important;color:#ef792f!important;letter-spacing:2px!important}
.premium-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.premium-card{border:1px solid #e1e9f0;border-radius:18px;padding:27px;min-height:245px;position:relative;display:flex;flex-direction:column;background:#fff;text-decoration:none!important;transition:transform .2s,box-shadow .2s}
.premium-card:hover{transform:translateY(-5px);box-shadow:0 16px 45px #092c501c}
.premium-card.featured{background:linear-gradient(145deg,#0a4575,#0b2a4a);color:white;border-color:transparent}
.premium-card .card-icon{width:48px;height:48px;display:grid;place-items:center;background:#e7f4fc;border-radius:13px;color:#0878b2;font-size:27px;margin-bottom:19px}
.premium-card.featured .card-icon{background:#ffffff1c;color:#fff}
.premium-card h3{font-size:21px;margin:0 0 10px;color:#163552}
.premium-card.featured h3,.premium-card.featured p,.premium-card.featured .card-arrow{color:white}
.premium-card p{font-size:14px;line-height:1.65;color:#60778b;margin:0 0 22px}
.card-arrow{margin-top:auto;color:#0876ad;font-size:13px;font-weight:800}
.card-tag{position:absolute;right:18px;top:25px;font-size:9px;color:#ffb785;letter-spacing:1px;font-weight:900}
.why-section{padding:90px 0;background:#eef5fa}
.why-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:65px;align-items:center}
.why-layout>div>p:not(.kicker){color:#546f85;line-height:1.8;font-size:16px;margin-bottom:27px}
.why-panel{border-radius:24px;background:linear-gradient(140deg,#0c3760,#0b1d34);padding:42px;color:white;box-shadow:0 20px 45px #0d335026}
.why-number{font-size:65px;font-weight:900;color:#fff;letter-spacing:-4px}
.why-number span{font-size:13px;letter-spacing:1px;color:#ffad74;margin-left:9px}
.why-panel h3{font-size:26px;color:white;line-height:1.25}
.why-panel p{color:#c4d6e7}
.why-location{border-top:1px solid #ffffff2e;margin-top:30px;padding-top:20px;color:#e3ecf5;font-size:13px;line-height:1.7}
.sms-band{padding:60px 0;background:#fff}
.sms-layout{display:flex;justify-content:space-between;align-items:center;gap:30px}
.sms-layout h2{font-size:34px;margin:8px 0;color:#123451}
.sms-layout p:not(.kicker){color:#60768b;max-width:610px}
.bottom-cta{text-align:center;padding:90px 0;background:radial-gradient(circle at 50% 0,#1b6499,#08213b 70%);color:white}
.bottom-cta h2{font-size:clamp(32px,4vw,52px);line-height:1.16;color:white;margin:12px 0 25px}
.bottom-cta>div>p:last-child{color:#d5e4f1;margin-top:25px}
.bottom-cta a:not(.btn){color:#ffb581}
.site-footer{background:#06182b!important}
@media(max-width:850px){.hero-layout,.why-layout{grid-template-columns:1fr}.hero-visual{height:400px}.premium-cards{grid-template-columns:repeat(2,1fr)}.section-heading{align-items:start;flex-direction:column}.top-strip-inner{flex-direction:column;gap:3px}.sms-layout{flex-direction:column;align-items:start}}
@media(max-width:540px){.hero-premium{padding:45px 0}.hero-premium h1{font-size:48px}.hero-visual{height:340px}.device-phone{transform:scale(.8) rotate(-8deg)}.chip-top{right:0;top:25px}.chip-bottom{left:0;bottom:15px}.float-chip{padding:9px}.premium-cards{grid-template-columns:1fr}.hero-proof{gap:16px}.trust-inner{justify-content:center}.trust-inner span{width:100%;text-align:center}.nutel-official-logo{width:170px!important}.services-section,.why-section{padding:55px 0}}

/* Version 7: photographic hero and IPX showcase */
.hero-photo .phone-photo-wrap{position:relative;z-index:2;width:95%;max-width:510px;padding:12px;border-radius:28px;background:#fff;box-shadow:0 35px 70px #0006;transform:rotate(-4deg)}
.hero-photo .phone-photo-wrap img{display:block;width:100%;height:auto;object-fit:contain;border-radius:17px}
.ipx-showcase{background:#081e36;color:white;padding:90px 0;overflow:hidden}
.ipx-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center}
.ipx-copy h2{font-size:clamp(35px,4.2vw,55px);line-height:1.1;letter-spacing:-.045em;color:#fff;margin:14px 0 22px}
.ipx-copy h2 span{color:#ff9a5b}
.ipx-copy>p:not(.kicker){color:#d2e1ef;line-height:1.8;font-size:16px;max-width:550px}
.ipx-features{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:28px 0 30px}
.ipx-features>div{display:grid;grid-template-columns:40px 1fr;column-gap:10px;row-gap:4px;align-items:center}
.ipx-features span{grid-row:span 2;display:grid;place-items:center;width:38px;height:38px;background:#1c547c;border-radius:10px;color:#ffac74;font-size:21px}
.ipx-features strong{font-size:14px;color:white}.ipx-features small{font-size:11px;color:#b3c8d9;line-height:1.5}
.ipx-art{min-height:450px;position:relative;background:radial-gradient(circle,#155b91 0%,#0a2846 50%,transparent 72%);display:flex;align-items:center;justify-content:center}
.ipx-art-label{position:absolute;top:10px;font-size:27px;letter-spacing:-1px;font-weight:900;color:white}.ipx-art-label span{color:#ff9c60;font-weight:500}
.ipx-ring{position:absolute;width:330px;height:330px;border:2px dashed #79b7e17d;border-radius:50%;pointer-events:none}
.ipx-hub{z-index:2;width:160px;height:160px;border-radius:50%;background:linear-gradient(140deg,#1688c1,#07416e);border:7px solid #ffffff26;box-shadow:0 0 0 13px #ffffff0b,0 20px 35px #0005;display:flex;align-items:center;justify-content:center;flex-direction:column}
.ipx-hub span{font-size:55px;font-weight:900;color:white;letter-spacing:-3px}.ipx-hub small{color:#d3e9fa;font-size:10px}
.ipx-node{position:absolute;z-index:3;width:92px;height:92px;background:white;color:#0873aa;border-radius:18px;box-shadow:0 15px 30px #0005;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:32px;gap:4px}.ipx-node small{font-size:11px;font-weight:800;color:#26465e}
.ipx-n1{top:67px;left:30px}.ipx-n2{top:67px;right:25px}.ipx-n3{bottom:35px;left:30px}.ipx-n4{bottom:35px;right:25px}
@media(max-width:850px){.ipx-layout{grid-template-columns:1fr}.ipx-showcase{padding:60px 0}.hero-photo .phone-photo-wrap{width:82%}}
@media(max-width:540px){.ipx-features{grid-template-columns:1fr}.ipx-art{min-height:350px}.ipx-ring{width:265px;height:265px}.ipx-node{width:70px;height:70px;font-size:25px}.ipx-n1{top:55px;left:0}.ipx-n2{top:55px;right:0}.ipx-n3{bottom:25px;left:0}.ipx-n4{bottom:25px;right:0}.ipx-hub{width:130px;height:130px}.hero-photo .phone-photo-wrap{width:95%}}

/* Premium interior templates v8 */
.interior-hero{background:radial-gradient(circle at 80% 45%,#164f7b,#0b2948 48%,#071c34 95%);color:white;padding:85px 0 75px;overflow:hidden}.interior-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center}.interior-hero h1{font-size:clamp(42px,5vw,68px);letter-spacing:-.05em;line-height:1.09;color:white;margin:18px 0 23px}.interior-hero h1 em{color:#ff9d5b;font-style:normal}.interior-lead{color:#d5e6f5;font-size:18px;line-height:1.75;max-width:640px}.interior-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}.interior-phone{color:white!important;font-weight:800}.interior-art{height:335px;position:relative;display:grid;place-items:center}.art-halo{width:325px;height:325px;position:absolute;border:1px solid #6bb3e65c;border-radius:50%;box-shadow:0 0 0 48px #2d88b812,0 0 0 92px #2d88b80b}.art-tile{position:relative;z-index:1;background:linear-gradient(145deg,#fff,#dbeffa);color:#0b4876;border-radius:25px;width:245px;height:235px;box-shadow:20px 25px 50px #0005;transform:rotate(-6deg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.art-tile span{font-size:78px;color:#f0782d;line-height:1}.art-tile b{font-size:32px;letter-spacing:-1px}.art-tile small{font-size:10px;color:#e7792c;letter-spacing:2px;font-weight:900}.art-label{position:absolute;z-index:2;right:-5px;bottom:23px;background:white;border-radius:11px;padding:14px;color:#144d76;font-size:12px;font-weight:800;box-shadow:0 12px 28px #0004}.interior-section{padding:85px 0;background:#fff}.interior-heading h2{font-size:clamp(30px,4vw,45px);color:#123450;margin:9px 0 30px}.interior-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.interior-card{padding:27px 22px;border:1px solid #e1eaf1;border-radius:18px;box-shadow:0 8px 25px #0b31500b}.interior-card-icon{display:grid;place-items:center;background:#eaf6fc;border-radius:12px;width:49px;height:49px;color:#0b78b2;font-size:25px;margin-bottom:22px}.interior-card h3{font-size:19px;line-height:1.25;color:#173b5a}.interior-card p{font-size:14px;line-height:1.7;color:#5c7488}.interior-feature{background:#eff6fb;padding:80px 0}.interior-feature-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:65px;align-items:center}.interior-feature h2{font-size:clamp(30px,4vw,46px);line-height:1.15;color:#143651}.interior-feature p:not(.kicker){font-size:16px;line-height:1.8;color:#567185;margin-bottom:30px}.feature-graphic{min-height:290px;background:linear-gradient(135deg,#103d68,#0a213b);border-radius:25px;display:flex;flex-wrap:wrap;gap:15px;align-content:center;justify-content:center;padding:30px;box-shadow:0 18px 45px #0b2c4b22}.feature-circle{width:100%;text-align:center;font-size:90px;color:#ff9c59}.feature-graphic span{background:#ffffff19;border:1px solid #ffffff3d;border-radius:9px;padding:13px;color:white;font-size:12px;font-weight:800;letter-spacing:1px}.interior-bottom{text-align:center;padding:70px 0;background:#0a2644;color:white}.interior-bottom h2{font-size:38px;color:white;margin:0}.interior-bottom p{color:#c8d9e8;margin:13px 0 27px}
@media(max-width:950px){.interior-cards{grid-template-columns:repeat(2,1fr)}.interior-hero-grid,.interior-feature-grid{grid-template-columns:1fr}.interior-art{height:275px}.art-tile{transform:scale(.8) rotate(-6deg)}}@media(max-width:570px){.interior-cards{grid-template-columns:1fr}.interior-hero{padding:55px 0}.interior-hero h1{font-size:43px}.interior-art{height:235px}.art-halo{transform:scale(.7)}.art-label{right:0;bottom:0}}

/* Version 9 — consistent high-impact interior system */
.v9-hero{background:radial-gradient(ellipse at 80% 40%,#176092 0%,#0a3156 44%,#06192d 90%);color:#fff;position:relative;overflow:hidden;padding:88px 0 90px}.v9-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center}.v9-eyebrow{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:2px;color:#ffad74;font-weight:850}.v9-eyebrow span,.pulse-dot{display:inline-block;background:#f47c33;border-radius:50%;height:9px;width:9px;box-shadow:0 0 0 5px #f47c3330}.v9-hero h1{color:#fff;font-size:clamp(43px,5vw,70px);line-height:1.08;letter-spacing:-.05em;margin:22px 0}.v9-hero h1 em{font-style:normal;color:#ff985b}.v9-hero-copy>p,.v9-legal-hero p{font-size:18px;line-height:1.75;color:#d5e5f4;max-width:610px}.v9-hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:32px}.v9-text-action{color:#fff;font-weight:750;text-decoration:none}.v9-art{height:360px;position:relative;display:flex;align-items:center;justify-content:center}.v9-art-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(circle,#000,transparent 70%)}.v9-art-circle{width:280px;height:280px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#2682b9,#0a3055 70%);border:1px solid #ffffff44;box-shadow:0 0 0 35px #ffffff08,0 0 0 75px #ffffff06,0 30px 70px #0005}.v9-art-mark{position:absolute;font-size:115px;letter-spacing:-14px;color:#fff;font-weight:900;text-shadow:0 5px 20px #0005}.v9-art-mark span{color:#fa813a}.v9-art-label{position:absolute;top:75%;background:#ffffff15;border:1px solid #ffffff40;backdrop-filter:blur(8px);border-radius:30px;padding:11px 23px;color:#fff;font-size:12px;font-weight:800;letter-spacing:2px}.v9-art-label span{color:#ff9757;margin:0 8px}.v9-art-chip{position:absolute;right:0;top:15px;border-radius:12px;background:#fff;color:#0e385e;font-size:11px;letter-spacing:1px;font-weight:900;padding:15px;box-shadow:0 15px 45px #0003;transform:rotate(4deg)}.v9-body{background:#f6f9fc;padding:82px 0 95px}.v9-section-heading{max-width:770px;margin-bottom:38px}.v9-section-heading h2{font-size:clamp(32px,4vw,49px);letter-spacing:-.04em;color:#12304d;margin:8px 0}.v9-section-heading>p:last-child{font-size:17px;color:#61768a}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.story-card{background:#fff;padding:28px;border:1px solid #e2eaf2;border-radius:18px;box-shadow:0 12px 35px #102c4809;transition:transform .2s,box-shadow .2s}.story-card:hover,.legal-tile:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0a34521b}.story-icon{display:inline-grid;place-items:center;width:54px;height:54px;border-radius:14px;background:#e8f4fc;color:#0a76b1;font-size:25px;font-weight:900}.story-card h3{font-size:21px;color:#143653;margin:22px 0 10px}.story-card p{color:#61778b;font-size:15px;line-height:1.7;margin:0}.v9-cta{background:#09233e;color:#fff;padding:60px 0}.v9-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}.v9-cta h2{color:white;font-size:32px;letter-spacing:-.03em;margin:7px 0}.v9-cta p:not(.kicker){color:#bcd2e4;max-width:680px}.form-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.7fr);gap:24px;align-items:start}.form-shell{background:#fff;padding:30px;border:1px solid #e0e9f1;border-radius:20px;box-shadow:0 20px 50px #092f4b10}.form-shell-head{display:flex;gap:14px;align-items:center;font-weight:850;font-size:22px;margin-bottom:20px;color:#153b5c}.form-shell .sms-form{background:transparent;border:0;padding:0;max-width:none}.form-shell .sms-form input:not([type=checkbox]),.form-shell .sms-form select{background:#f7fafc;border:1px solid #c9d8e4;border-radius:10px;padding:15px}.form-shell .sms-form .btn{width:100%;padding:17px!important}.side-note{background:linear-gradient(145deg,#0a416f,#0b2542);color:#fff;border-radius:20px;padding:30px;box-shadow:0 18px 35px #082b4925}.side-note h3{color:#fff;font-size:25px}.side-note p{color:#d1e4f1;line-height:1.75}.side-note a{color:#ffb987}.side-note hr{border:0;border-top:1px solid #ffffff30;margin:26px 0}.note-icon{display:grid;place-items:center;background:#f57c32;border-radius:13px;width:50px;height:50px;font-size:27px}.legal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.legal-tile{background:#fff;text-decoration:none;padding:28px;border:1px solid #dfe8f1;border-radius:18px;min-height:250px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.legal-tile>span{font-size:11px;letter-spacing:1.6px;color:#f07b31;font-weight:900}.legal-tile h3{color:#153956;font-size:21px;line-height:1.3;margin:16px 0 10px}.legal-tile p{color:#647c8e;font-size:14px;line-height:1.65}.legal-tile b{margin-top:auto;color:#0878b3;font-size:13px}.legal-disclaimer{color:#63798d;margin-top:28px}.policy-document{max-width:880px;background:#fff;border:1px solid #e1eaf1;border-radius:20px;padding:40px;box-shadow:0 15px 45px #092f4a0b;color:#29465e;line-height:1.9}.policy-label{color:#ed792e;font-size:11px;font-weight:900;letter-spacing:2px;margin-bottom:20px}.policy-document h2,.policy-document h3{color:#173957}.v9-legal-hero{padding:70px 0}.v9-legal-hero h1{font-size:clamp(36px,4vw,58px);max-width:930px}.legal-pdf-shell{background:white;border-radius:20px;padding:36px;box-shadow:0 15px 45px #0b2e4b12}.legal-pdf-shell iframe{border-radius:12px!important}.site-footer a:hover,.v9-text-action:hover{color:#ffb784!important}.site-header nav a:hover{color:#ed7828!important}.btn-orange:hover{background:#ff9654!important;transform:translateY(-2px)}.btn-orange{transition:transform .2s,background .2s}
@media(max-width:900px){.v9-hero-grid{grid-template-columns:1fr}.v9-art{height:280px}.story-grid,.legal-grid{grid-template-columns:repeat(2,1fr)}.form-layout{grid-template-columns:1fr}.v9-cta-inner{align-items:start;flex-direction:column}}@media(max-width:560px){.v9-hero{padding:55px 0}.v9-hero h1{font-size:44px}.v9-art{height:240px}.v9-art-circle{height:210px;width:210px}.v9-art-mark{font-size:80px}.v9-art-label{font-size:9px}.story-grid,.legal-grid{grid-template-columns:1fr}.v9-body{padding:55px 0}.form-shell,.policy-document,.legal-pdf-shell{padding:19px}.v9-cta{padding:45px 0}}

/* V10: high-visibility logo and consolidated legal navigation */
.site-header .header-inner{min-height:110px;gap:16px}.site-header .nutel-logo-feature{display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #e7f0f7;border-radius:19px;padding:12px 18px;box-shadow:0 7px 25px #0b52811e,0 0 0 5px #f0782d12;position:relative;transition:transform .2s,box-shadow .2s;flex-shrink:0}
.site-header .nutel-logo-feature:before{content:"";position:absolute;left:18px;right:18px;bottom:5px;height:3px;background:linear-gradient(90deg,#f0782d,#f5b56d,#067cae);border-radius:8px}
.site-header .nutel-logo-feature:hover{transform:translateY(-2px);box-shadow:0 13px 32px #0b528133,0 0 0 5px #f0782d1e}
.site-header .nutel-logo-feature .nutel-official-logo{width:265px!important;max-height:96px!important;height:auto!important;object-fit:contain}
.site-header nav ul{align-items:center}.site-header nav li{position:relative}.site-header nav .legal-menu-item>a{color:#ed722b!important;font-weight:850!important}
.site-header nav .legal-submenu{display:none;position:absolute;top:100%;right:0;min-width:285px;max-width:340px;background:#fff;border:1px solid #e1ebf3;border-radius:12px;padding:9px;box-shadow:0 18px 40px #09233c33;z-index:100;list-style:none;flex-direction:column;align-items:stretch}
.site-header nav .legal-menu-item:hover>.legal-submenu,.site-header nav .legal-menu-item:focus-within>.legal-submenu{display:flex}
.site-header nav .legal-submenu a{display:block;padding:11px 13px;color:#193954!important;font-size:13px;border-radius:7px;white-space:normal}
.site-header nav .legal-submenu a:hover{background:#eef6fb;color:#ef752a!important}
@media(max-width:1100px){.site-header .nutel-logo-feature .nutel-official-logo{width:205px!important}.site-header .header-inner{flex-wrap:wrap;justify-content:center}.site-header nav .legal-submenu{right:auto;left:0}}
@media(max-width:600px){.site-header .nutel-logo-feature .nutel-official-logo{width:200px!important}.site-header nav .legal-submenu{position:static;box-shadow:none;min-width:0}.site-header nav .legal-menu-item:hover>.legal-submenu,.site-header nav .legal-menu-item:focus-within>.legal-submenu{display:flex}}


/* v11: WordPress Gutenberg editor-friendly branded blocks */
.nutel-block-site{background:#f6f9fc}.nutel-block-site .wp-block-group{box-sizing:border-box}
.nutel-block-hero{background:radial-gradient(circle at 85% 30%,#1c699b,#08243f 65%);padding:100px max(24px,calc((100vw - 1120px)/2));color:white;overflow:hidden}
.nutel-block-hero h1{color:white;font-size:clamp(42px,5.5vw,74px);line-height:1.08;letter-spacing:-.045em;max-width:950px;margin:16px 0 20px}
.nutel-block-lead{color:#d7e8f5;font-size:19px;max-width:760px;line-height:1.75}.nutel-block-eyebrow{color:#ffb278;font-size:12px;letter-spacing:2px;font-weight:900}
.nutel-block-hero .wp-block-buttons,.nutel-block-cta .wp-block-buttons{margin-top:30px}.nutel-block-site .wp-block-button__link{background:#f0782d;color:white;padding:15px 24px;border-radius:10px;font-weight:800;text-decoration:none;box-shadow:0 9px 24px #f0782d30}
.nutel-block-site .wp-block-button__link:hover{background:#ff9551}
.nutel-block-section,.nutel-block-feature,.nutel-block-highlight{padding:78px max(24px,calc((100vw - 1120px)/2))}
.nutel-block-section h2,.nutel-block-feature h2,.nutel-block-highlight h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.035em;line-height:1.16;color:#102f4e;margin:10px 0 28px}
.nutel-block-kicker{color:#e8792d;font-weight:900;letter-spacing:2px;font-size:12px}
.nutel-block-grid{display:flex;flex-wrap:wrap;gap:20px}.nutel-block-grid>.wp-block-column{min-width:240px;flex:1 1 29%}
.nutel-block-card{height:100%;padding:29px;background:#fff;border:1px solid #dfebf4;border-radius:18px;box-shadow:0 12px 35px #092d4d0a}
.nutel-block-card h3{font-size:22px;color:#123957;margin:0 0 12px}.nutel-block-card p{color:#60778b;line-height:1.75;margin:0}
.nutel-block-feature{background:#fff}.nutel-feature-split{align-items:center;gap:45px}.nutel-feature-split>.wp-block-column{flex:1 1 45%}
.nutel-phone-photo img{width:100%;max-width:530px;object-fit:contain;border-radius:20px;box-shadow:0 20px 50px #0a29401a}
.nutel-block-highlight{background:#0a3155;color:white}.nutel-block-highlight h2,.nutel-block-highlight h3{color:white}.nutel-block-highlight>p{color:#d2e4f1}.nutel-block-highlight .nutel-block-card{background:#ffffff15;border-color:#ffffff25}.nutel-block-highlight .nutel-block-card p{color:#d7e8f4}
.nutel-block-cta{text-align:center;background:#09223b;color:#fff;padding:75px 24px}.nutel-block-cta h2{color:white;font-size:clamp(30px,4vw,48px);margin:0 0 12px}.nutel-block-cta p{color:#d0e1ee}.nutel-block-cta .wp-block-buttons{justify-content:center}
.nutel-block-section .nutel-terms,.nutel-block-section .nutel-legal-library,.nutel-block-section .sms-form{max-width:1100px;margin:auto}
.nutel-block-section .sms-form{background:#fff}
@media(max-width:720px){.nutel-block-hero{padding-top:65px;padding-bottom:65px}.nutel-block-grid>.wp-block-column{flex-basis:100%}.nutel-block-section,.nutel-block-feature,.nutel-block-highlight{padding-top:55px;padding-bottom:55px}}

/* V12: All terms and conditions accessible through one Legal tab. */
.nutel-block-card{transition:transform .2s ease,box-shadow .2s ease}.nutel-block-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(7,28,52,.12)}

/* Version 15.1: persistent, prominent SMS opt-in in the main header. */
.nutel-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;flex-shrink:0}
.nutel-header-sms{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border:2px solid #ed7828;border-radius:9px;background:#fff5ed;color:#9b410b!important;text-decoration:none;font-size:14px;font-weight:850;white-space:nowrap;transition:background .2s}
.nutel-header-sms:hover,.nutel-header-sms:focus-visible{background:#ffe3d1;color:#70300b!important}
@media(max-width:850px){.nutel-header-actions{width:100%;justify-content:center}.nutel-header-sms{min-height:44px}}

/* Version 15.2: keep the phone call-to-action on a single line. */
.site-header .nutel-header-actions > a.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap !important;
  word-break: keep-all;
  flex: 0 0 auto;
  width: max-content;
  max-width: 100%;
  text-align: center;
}
@media (max-width: 420px) {
  .site-header .nutel-header-actions > a.btn {
    font-size: 13px;
    padding-left: 12px;
    padding-right: 12px;
  }
}

/* Nu-TEL consultation form */
.nutel-consult-wrap{max-width:780px;margin:36px auto 64px;padding:0 20px}.nutel-consult-intro{margin-bottom:25px}.nutel-consult-form{display:grid;gap:10px;background:#fff;border:1px solid #e0e7f0;border-radius:16px;padding:clamp(20px,4vw,36px);box-shadow:0 12px 32px rgba(10,34,70,.07)}.nutel-consult-form label{font-weight:700;color:#143258;margin-top:10px}.nutel-consult-form input,.nutel-consult-form textarea{box-sizing:border-box;width:100%;padding:12px 14px;border:1px solid #b9c8d9;border-radius:8px;font:inherit;color:#142a45;background:#fff}.nutel-consult-form input:focus,.nutel-consult-form textarea:focus{outline:2px solid #f28b42;outline-offset:1px}.nutel-consult-form button{justify-self:start;cursor:pointer}.nutel-consult-privacy{font-size:.9rem;color:#4e6177}.nutel-form-feedback{padding:15px 18px;background:#eaf7ee;border:1px solid #90cba4;border-radius:9px;margin-bottom:18px}.nutel-form-error{background:#fff0ed;border-color:#e5a497}.nutel-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

/* Yealink T5/T7/T8 gallery */
.nutel-yealink-gallery .nutel-phone-columns{align-items:stretch;gap:20px;margin:18px 0 34px}
.nutel-yealink-gallery .nutel-phone-columns>.wp-block-column{display:flex;min-width:0}
.nutel-yealink-gallery .nutel-phone-card{width:100%;padding:20px;border:1px solid #dfe5ed;border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(12,31,56,.06)}
.nutel-yealink-gallery .nutel-phone-card h4{margin:14px 0 8px;color:#13365b}
.nutel-yealink-gallery .nutel-phone-card p{margin:0;color:#526174}
.nutel-phone-placeholder,.nutel-phone-photo{height:180px;display:flex;justify-content:center;align-items:center;background:linear-gradient(145deg,#f2f6fa,#e6edf5);border-radius:12px;overflow:hidden;margin:0}
.nutel-phone-photo img{width:100%;height:100%;object-fit:contain}
.nutel-phone-device{position:relative;display:block;width:104px;height:142px;background:#263849;border:8px solid #202e3b;border-radius:15px;box-shadow:12px 12px 0 -5px #172534;transform:rotate(-7deg)}
.nutel-phone-screen{display:block;height:48px;border-radius:5px;background:linear-gradient(145deg,#8ec7e8,#3c769e)}
.nutel-phone-keys{display:block;text-align:center;font-size:12px;line-height:20px;letter-spacing:7px;color:#a8b9c9;margin-top:9px}
@media(max-width:780px){.nutel-yealink-gallery .nutel-phone-columns{flex-direction:column}}

/* Nu-TEL heritage badge — prominent but readable on all screens */
.nutel-block-hero .nutel-heritage-badge{display:inline-flex;flex-direction:column;align-items:flex-start;gap:4px;background:linear-gradient(115deg,#f0782d,#ffac56);color:#092640;border-radius:15px;padding:16px 23px;margin:0 0 18px;box-shadow:0 14px 35px rgba(0,0,0,.24);letter-spacing:0;max-width:100%;box-sizing:border-box;transform:rotate(-1deg)}
.nutel-heritage-badge .nutel-heritage-kicker{font-size:12px;font-weight:900;letter-spacing:.2em;opacity:.82}
.nutel-heritage-badge strong{font-size:clamp(19px,2.65vw,33px);font-weight:950;line-height:1.12;letter-spacing:-.035em}
.nutel-heritage-badge strong span{font-size:1.24em;color:#fff;text-shadow:0 2px 10px rgba(5,33,57,.25)}
.nutel-heritage-badge .nutel-heritage-sub{font-size:10px;font-weight:800;letter-spacing:.08em;line-height:1.4}
@media(max-width:540px){.nutel-block-hero .nutel-heritage-badge{padding:13px 15px;transform:none}.nutel-heritage-badge .nutel-heritage-sub{font-size:9px}}

/* Consolidated timeline navigation */
.nutel-timeline-link{font-weight:800;text-decoration:none;color:#f28b35;white-space:nowrap}.nutel-timeline-link:hover{text-decoration:underline}.nutel-timeline-page{max-width:1100px;margin:35px auto;padding:20px}.nutel-timeline-page img{box-shadow:0 12px 36px #001d3524}

/* SEO FAQ readability; retains existing site design */
.nutel-seo-faq{margin-block:2rem;padding-block:1rem}.nutel-seo-faq h3{margin-top:1.1rem}

/* Version 16.1: keep concise homepage lead on one line where space allows. */
@media (min-width: 1100px){.nutel-block-lead{white-space:nowrap;font-size:clamp(14px,1.2vw,19px)}}

/* Nu-TEL 16.4 legal document library */
.nutel-legal-library-v164{max-width:1100px;margin:1.5rem auto 3rem}.nutel-legal-intro{font-size:1.05rem;margin-bottom:1.5rem}.nutel-legal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px}.nutel-legal-card{border:1px solid #d7e2ed;border-radius:14px;background:#fff;padding:24px;box-shadow:0 8px 26px rgba(12,47,84,.06)}.nutel-legal-card h3{font-size:1.18rem;color:#113a64;margin:0 0 8px}.nutel-legal-card p{margin:0 0 18px;color:#445b70}.nutel-legal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.nutel-legal-action{display:inline-flex;align-items:center;justify-content:center;background:#123f70;color:#fff!important;text-decoration:none!important;border-radius:7px;padding:10px 14px;font-weight:700;font-size:.94rem}.nutel-legal-download{background:#d96821}.nutel-legal-preview summary{cursor:pointer;font-weight:600;color:#123f70;padding:8px 0}.nutel-legal-preview iframe{display:block;width:100%;height:430px;border:1px solid #d7e2ed;border-radius:7px;margin-top:10px}.nutel-legal-preview p{margin-top:10px;font-size:.9rem}.nutel-legal-note{font-size:.9rem;margin-top:20px;color:#52657a}@media(max-width:600px){.nutel-legal-card{padding:18px}.nutel-legal-preview iframe{height:330px}}

/* Version 16.5 — Support page */
.nutel-support-page{max-width:1160px;margin:0 auto;padding:32px 24px 65px}.nutel-support-hero{padding:48px 42px;background:#123f6a;color:white;border-radius:18px}.nutel-support-hero h1{color:white;font-size:clamp(2rem,4vw,3.4rem);margin:10px 0}.nutel-support-hero p{max-width:700px}.nutel-support-eyebrow{color:#ffb25a!important;font-weight:700;letter-spacing:.13em;font-size:.8rem}.nutel-support-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.nutel-support-button{display:inline-block;background:#f28c28;color:#111!important;padding:13px 20px;border-radius:8px;font-weight:700;text-decoration:none}.nutel-support-secondary{background:white;color:#123f6a!important}.nutel-support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:26px 0}.nutel-support-grid article{border:1px solid #dce4eb;border-radius:14px;padding:24px;background:#fff}.nutel-support-grid h2{color:#123f6a;font-size:1.35rem}.nutel-support-footer{background:#f3f7fa;border-radius:14px;padding:25px 30px}@media(max-width:650px){.nutel-support-grid{grid-template-columns:1fr}.nutel-support-hero{padding:30px 22px}}

/* Nu-TEL 16.8 — Yealink gallery product photographs */
.nutel-photo-grid{align-items:stretch;gap:22px}.nutel-photo-card{height:100%;text-align:center}.nutel-phone-photo-link{display:flex;align-items:center;justify-content:center;min-height:240px;background:#fff;border-radius:12px;padding:12px}.nutel-phone-photo{width:100%;height:220px;object-fit:contain;display:block}.nutel-photo-card h3{margin-top:14px}@media(max-width:780px){.nutel-phone-photo{height:200px}}

/* Nu-TEL v16.9 four locally hosted Yealink product photographs */
.nutel-four-phone-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.nutel-four-phone-grid>.wp-block-column{min-width:0;margin:0!important}
.nutel-four-phone-grid .nutel-phone-photo{height:190px;width:100%;object-fit:contain;background:#fff}
@media(max-width:1000px){.nutel-four-phone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.nutel-four-phone-grid{grid-template-columns:1fr}}

/* V16.10 SMS checkbox message categories */
.nutel-sms-categories{border:1px solid #cbd5e1;border-radius:10px;padding:14px 18px;margin:18px 0}.nutel-sms-categories legend{font-weight:700;padding:0 6px}.nutel-sms-categories label{display:flex;align-items:center;gap:10px;margin:9px 0;cursor:pointer}.nutel-sms-categories input[type=checkbox]{width:18px;height:18px;flex-shrink:0}.nutel-sms-categories label:first-of-type{font-weight:700}

/* Version 16.11: Yealink official datasheet links */
.nutel-brochure-link{margin:14px 0 0!important}.nutel-brochure-link a{display:inline-block;padding:10px 14px;background:#ecf4fc;color:#114b83!important;border:1px solid #c5d9ee;border-radius:7px;font-weight:700;text-decoration:none!important}.nutel-brochure-link a:hover{background:#d9eaf9}

/* Version 16.12 — streamlined desktop header and phone-photo homepage hero */
@media (min-width: 1101px) {
  .site-header .wrap {max-width: 1510px; padding-left: 28px; padding-right: 28px;}
  .site-header .header-inner {display:grid;grid-template-columns: minmax(170px,215px) minmax(0,1fr) auto;gap:22px;min-height:112px;align-items:center;}
  .site-header .nutel-logo-feature {padding:8px 11px;border-radius:14px;}
  .site-header .nutel-logo-feature .nutel-official-logo {width:190px!important;max-height:72px!important;}
  .site-header nav {min-width:0;}
  .site-header nav ul {display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px 18px;margin:0;padding:0;}
  .site-header nav li {margin:0;}
  .site-header nav a {font-size:13px;line-height:1.3;white-space:nowrap;}
  .site-header .nutel-header-actions {display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:360px;}
  .site-header .nutel-header-actions a {font-size:12px;}
  .site-header .nutel-header-actions > a.btn {padding:11px 13px;}
  .site-header .nutel-header-sms {padding:9px 11px;}
}
@media (min-width: 1101px) and (max-width: 1290px) {
  .site-header .header-inner {grid-template-columns:170px minmax(0,1fr) 260px;gap:13px;}
  .site-header .nutel-logo-feature .nutel-official-logo {width:150px!important;}
  .site-header nav ul {gap:8px 12px;}
  .site-header nav a {font-size:12px;}
}
@media (min-width: 901px) {
  .nutel-block-hero {position:relative;isolation:isolate;padding-right:max(24px,calc((100vw - 1120px)/2));min-height:570px;display:flex;flex-direction:column;justify-content:center;}
  .nutel-block-hero > * {position:relative;z-index:2;max-width:56%;margin-left:0;}
  .nutel-block-hero h1 {font-size:clamp(44px,4.5vw,68px);}
  .nutel-block-hero::after {content:"";position:absolute;z-index:1;right:max(35px,calc((100vw - 1240px)/2));top:50%;transform:translateY(-50%);width:min(37vw,510px);height:345px;background:#f6f9fc url('assets/yealink-t74w.png') center / contain no-repeat;border-radius:25px;box-shadow:0 28px 65px #0005;border:10px solid #ffffff20;}
}
@media (min-width:901px) and (max-width:1150px) {.nutel-block-hero > * {max-width:57%;}.nutel-block-hero::after {width:35vw;height:285px;right:20px;}}
@media (max-width:900px) {.nutel-block-hero::after{content:none;}}

/* Version 16.13 — prevent copy overlapping phone imagery on all pages. */
.nutel-block-site, .nutel-block-site * {min-width:0;}
.nutel-block-site img, .page-content img {max-width:100%;height:auto;}
.nutel-block-site h1,.nutel-block-site h2,.nutel-block-site h3,.nutel-block-site p {overflow-wrap:break-word;}
/* Phone hero belongs on the homepage only; other pages should not inherit it. */
body:not(.home) .nutel-block-hero::after {content:none!important;display:none!important;}
@media (min-width:901px) {
  body.home .nutel-block-hero {
    display:grid!important;
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
    column-gap:clamp(24px,3vw,55px);
    align-content:center;
    align-items:center;
    padding-left:max(24px,calc((100vw - 1120px)/2));
    padding-right:max(24px,calc((100vw - 1120px)/2));
    min-height:570px;
  }
  body.home .nutel-block-hero > * {
    grid-column:1;
    max-width:100%!important;
    width:auto;
    min-width:0;
    margin-left:0;
    position:relative;
    z-index:2;
  }
  body.home .nutel-block-hero::after {
    content:"";
    display:block;
    grid-column:2;
    grid-row:1 / span 30;
    align-self:center;
    justify-self:stretch;
    position:relative;
    inset:auto;
    top:auto;
    right:auto;
    transform:none;
    width:100%;
    height:clamp(230px,25vw,355px);
    max-width:100%;
    box-sizing:border-box;
    z-index:1;
  }
  body.home .nutel-block-hero h1 {font-size:clamp(38px,4vw,60px);overflow-wrap:normal;}
}
@media (min-width:901px) and (max-width:1100px) {
  body.home .nutel-block-hero {grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);column-gap:22px;}
  body.home .nutel-block-hero h1 {font-size:clamp(35px,4vw,46px);}
}
@media (max-width:900px) {
  body.home .nutel-block-hero {display:block!important;min-height:0;}
  body.home .nutel-block-hero > * {max-width:100%!important;}
  body.home .nutel-block-hero::after {content:none!important;display:none!important;}
}
/* Avoid adjacent text covering photographs in interior two-column layouts. */
.interior-hero-grid,.interior-feature-grid,.ipx-layout,.why-layout,.hero-layout,.v9-hero-grid {min-width:0;}
.interior-hero-grid > *,.interior-feature-grid > *,.ipx-layout > *,.why-layout > *,.hero-layout > *,.v9-hero-grid > * {min-width:0;max-width:100%;}