/* Atelier Aetheria · contoh website konsep di bagian Karya */

/* ========== MOCK WEBSITES (concepts) ========== */
.mk{container-type:inline-size;overflow:hidden;background:var(--m-bg);color:var(--m-fg)}
.mi{--u:calc(100cqw / 100);font-family:var(--m-b);font-size:calc(var(--u)*1.55);line-height:1.5}
.mob .mi{--u:calc(100cqw / 36)}
.mi *{box-sizing:border-box}
.m-nav{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--u)*2.2) calc(var(--u)*5);gap:calc(var(--u)*2)}
.m-logo{font-family:var(--m-h);font-size:calc(var(--u)*2.4);letter-spacing:.04em;white-space:nowrap}
.m-links{display:flex;gap:calc(var(--u)*2.6);font-size:calc(var(--u)*1.3);opacity:.75}
.m-burger{display:none;width:calc(var(--u)*2.6);height:calc(var(--u)*1.5);border-block:1px solid currentColor;position:relative}
.m-burger::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:currentColor}
.mob .m-links{display:none}.mob .m-burger{display:block}.mob .m-nav{padding:calc(var(--u)*2.4) calc(var(--u)*2.6)}
.m-btn{display:inline-flex;align-items:center;padding:calc(var(--u)*1) calc(var(--u)*2.2);background:var(--m-ac);color:var(--m-on,#fff);font-size:calc(var(--u)*1.3);border-radius:var(--m-r,0);white-space:nowrap}
.m-btn.o{background:transparent;color:inherit;box-shadow:inset 0 0 0 1px currentColor}
.m-h1{font-family:var(--m-h);font-size:calc(var(--u)*5.6);line-height:1.04;font-weight:var(--m-hw,500);letter-spacing:-.01em}
.m-h2{font-family:var(--m-h);font-size:calc(var(--u)*3.2);line-height:1.1;font-weight:var(--m-hw,500)}
.m-p{font-size:calc(var(--u)*1.45);opacity:.72;max-width:46ch}
.m-k{font-size:calc(var(--u)*1.15);letter-spacing:var(--m-kls,.14em);text-transform:var(--m-kt,uppercase);font-style:var(--m-kfs,normal);color:var(--m-ac)}
.m-sec{padding:calc(var(--u)*5) calc(var(--u)*5)}
.mob .m-sec{padding:calc(var(--u)*4) calc(var(--u)*2.6)}.mob .m-h1{font-size:calc(var(--u)*3.4)!important}.mob .m-h2{font-size:calc(var(--u)*2.4)}.mob .m-p{font-size:calc(var(--u)*1.25)}.mob .m-k{font-size:calc(var(--u)*.95)}.mob .m-btn{font-size:calc(var(--u)*1.1)}
.m-row{display:grid;gap:calc(var(--u)*2.4)}
.m-split{display:grid;grid-template-columns:1.05fr .95fr;gap:calc(var(--u)*4);align-items:center}
.mob .m-split{grid-template-columns:1fr}
.m-cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--u)*2)}
.m-cols4{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--u)*1.6)}
.mob .m-cols3,.mob .m-cols4{grid-template-columns:1fr 1fr}
.m-ph{position:relative;overflow:hidden;background:var(--m-sf);border-radius:var(--m-r,0)}
.m-ph svg{position:absolute;inset:0;width:100%;height:100%}
.m-card{display:grid;gap:calc(var(--u)*.8)}
.m-card .m-ph{aspect-ratio:4/5}
.m-card b{font-family:var(--m-h);font-weight:var(--m-hw,500);font-size:calc(var(--u)*1.7)}
.m-card span{font-size:calc(var(--u)*1.2);opacity:.7}
.mob .m-card b{font-size:calc(var(--u)*1.35)}.mob .m-card span{font-size:calc(var(--u)*1.05)}
.m-line{height:1px;background:currentColor;opacity:.15}
.m-foot{padding:calc(var(--u)*3) calc(var(--u)*5);background:var(--m-fg);color:var(--m-bg);display:flex;justify-content:space-between;font-size:calc(var(--u)*1.2)}
.m-foot.line{background:transparent;color:inherit;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--m-fg) 16%,transparent);opacity:.85}
.m-foot.center{flex-direction:column;align-items:center;gap:calc(var(--u)*.6);background:var(--m-sf);color:var(--m-fg);padding-block:calc(var(--u)*4)}
.m-foot.center span:first-child{font-family:var(--m-h);font-size:calc(var(--u)*2.2)}
.m-foot.center span:last-child{opacity:.6}
.m-menu{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u)*1.4) calc(var(--u)*5)}
.mob .m-menu{grid-template-columns:1fr}
.m-mi{display:flex;align-items:baseline;gap:calc(var(--u)*1);font-size:calc(var(--u)*1.5)}
.m-mi::after{content:"";order:2;flex:1;border-bottom:1px dotted currentColor;opacity:.35}
.m-mi em{order:3;font-style:normal;color:var(--m-ac)}
.m-book{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:1px;background:color-mix(in srgb,var(--m-fg) 15%,transparent);border-radius:var(--m-r,0);overflow:hidden}
.m-book>*{background:var(--m-bg);padding:calc(var(--u)*1.2) calc(var(--u)*1.6);font-size:calc(var(--u)*1.2)}
.m-book small{display:block;opacity:.6;font-size:calc(var(--u)*1)}
.mob .m-book{grid-template-columns:1fr 1fr}.mob .m-book>*:last-child{grid-column:1/-1}
.m-inv{text-align:center;display:grid;justify-items:center;gap:calc(var(--u)*2)}
.m-count{display:flex;gap:calc(var(--u)*1.6)}
.m-count div{display:grid;justify-items:center;padding:calc(var(--u)*1.2) calc(var(--u)*1.8);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--m-ac) 60%,transparent)}
.m-count b{font-family:var(--m-h);font-size:calc(var(--u)*3);font-weight:400}
.m-count small{font-size:calc(var(--u)*1);opacity:.7}
.m-orn{width:calc(var(--u)*14);height:1px;background:var(--m-ac);position:relative}
.m-orn::after{content:"";position:absolute;left:50%;top:50%;width:calc(var(--u)*1);height:calc(var(--u)*1);background:var(--m-ac);transform:translate(-50%,-50%) rotate(45deg)}
.m-cv{display:grid;grid-template-columns:30% 1fr;min-height:100%}
.mob .m-cv{grid-template-columns:1fr}
.m-side{background:var(--m-ac);color:var(--m-on,#fff);padding:calc(var(--u)*5) calc(var(--u)*3);display:grid;align-content:start;gap:calc(var(--u)*2)}
.m-tl{display:grid;gap:calc(var(--u)*2)}
.m-tl div{display:grid;grid-template-columns:calc(var(--u)*10) 1fr;gap:calc(var(--u)*2);font-size:calc(var(--u)*1.35)}
.m-tl b{font-family:var(--m-h);font-weight:var(--m-hw,500);font-size:calc(var(--u)*1.7);display:block}
.m-bar{height:calc(var(--u)*.7);background:color-mix(in srgb,var(--m-fg) 12%,transparent);position:relative}
.m-bar i{position:absolute;left:0;top:0;bottom:0;background:var(--m-ac)}
.m-form{display:grid;gap:calc(var(--u)*1);padding:calc(var(--u)*2.6);background:var(--m-bg);box-shadow:0 calc(var(--u)*1.5) calc(var(--u)*4) calc(var(--u)*-2) rgba(0,0,0,.2);border-radius:var(--m-r,0)}
.m-in{height:calc(var(--u)*3.2);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--m-fg) 22%,transparent);border-radius:var(--m-r,0);font-size:calc(var(--u)*1.1);display:flex;align-items:center;padding:0 calc(var(--u)*1.2);opacity:.85}
.m-list{display:grid;gap:calc(var(--u)*2)}
.m-prop{display:grid;grid-template-columns:38% 1fr;gap:calc(var(--u)*2);align-items:center}
.m-prop .m-ph{aspect-ratio:4/3}
.mob .m-prop{grid-template-columns:1fr}
.m-spec{display:flex;gap:calc(var(--u)*2);font-size:calc(var(--u)*1.15);opacity:.7}
.m-price{font-family:var(--m-h);font-size:calc(var(--u)*2.2);color:var(--m-ac)}
.m-filter{display:flex;gap:calc(var(--u)*1);flex-wrap:wrap}
.m-filter span{padding:calc(var(--u)*.7) calc(var(--u)*1.6);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--m-fg) 22%,transparent);border-radius:var(--m-r,0);font-size:calc(var(--u)*1.15)}
.m-filter span:first-child{background:var(--m-fg);color:var(--m-bg)}
.m-hero-img{position:relative;min-height:calc(var(--u)*38);display:grid;align-content:end;color:#fff}
.m-hero-img .m-ph{position:absolute;inset:0;border-radius:0}
.m-hero-img .m-ov{position:relative;padding:calc(var(--u)*5);background:linear-gradient(0deg,rgba(0,0,0,.45),transparent);display:grid;gap:calc(var(--u)*2)}
.mob .m-hero-img{min-height:calc(var(--u)*56)}.mob .m-hero-img .m-ov{padding:calc(var(--u)*2.6)}
.m-track{display:flex;gap:0;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--m-fg) 25%,transparent);border-radius:var(--m-r,0);overflow:hidden;max-width:calc(var(--u)*48)}
.m-track span{flex:1;padding:calc(var(--u)*1.2) calc(var(--u)*1.6);font-size:calc(var(--u)*1.2);opacity:.7}
.m-track b{padding:calc(var(--u)*1.2) calc(var(--u)*2.2);background:var(--m-ac);color:var(--m-on,#fff);font-weight:400;font-size:calc(var(--u)*1.2)}
.m-svc{display:grid;gap:calc(var(--u)*.8);padding:calc(var(--u)*2.2);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--m-fg) 14%,transparent);border-radius:var(--m-r,0)}
.m-svc b{font-family:var(--m-h);font-weight:var(--m-hw,500);font-size:calc(var(--u)*1.8)}
.m-svc span{font-size:calc(var(--u)*1.2);opacity:.7}
.m-days{display:flex;gap:calc(var(--u)*1)}
.m-days span{flex:1;text-align:center;padding:calc(var(--u)*1) 0;font-size:calc(var(--u)*1.1);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--m-fg) 18%,transparent);border-radius:var(--m-r,0)}
.m-days span.on{background:var(--m-ac);color:var(--m-on,#fff);box-shadow:none}
.m-dark{background:var(--m-sf)}
.m-quote{font-family:var(--m-h);font-style:italic;font-size:calc(var(--u)*2.4);line-height:1.3;max-width:34ch}
.m-gal{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:auto auto;gap:calc(var(--u)*1.2)}
.m-gal .m-ph:first-child{grid-row:span 2;aspect-ratio:auto}
.m-gal .m-ph{aspect-ratio:4/3}


/* mock navigation variants */
.mi .cur{box-shadow:0 1px 0 var(--m-ac);padding-bottom:1px;opacity:1}
.m-util{display:flex;justify-content:space-between;gap:calc(var(--u)*2);padding:calc(var(--u)*.9) calc(var(--u)*5);font-size:calc(var(--u)*1.05);background:var(--m-fg);color:var(--m-bg)}
.nv-split{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.nv-split .l,.nv-split .r{display:flex;gap:calc(var(--u)*2.6);font-size:calc(var(--u)*1.3)}
.nv-split .r{justify-content:flex-end}
.nv-split .m-burger{display:none}
.nv-mast{position:relative;display:grid;justify-items:center;gap:calc(var(--u)*1.8);padding:calc(var(--u)*3.2) calc(var(--u)*5) 0}
.nv-mast .big{font-size:calc(var(--u)*3.8);letter-spacing:.06em}
.nv-mast .links{display:flex;justify-content:center;gap:calc(var(--u)*3.4);width:100%;padding-block:calc(var(--u)*1.1);font-size:calc(var(--u)*1.25);border-block:1px solid color-mix(in srgb,var(--m-fg) 18%,transparent)}
.nv-mast .m-burger{position:absolute;right:calc(var(--u)*2.6);top:calc(var(--u)*3.4)}
.nv-cb{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.nv-cb .m-burger{display:block}
.nv-cb .ico{justify-self:end;font-size:calc(var(--u)*1.2);box-shadow:0 1px 0 currentColor}
.nv-pill{display:flex;justify-content:center;padding:calc(var(--u)*2.2) calc(var(--u)*5)}
.nv-pill>span{display:inline-flex;align-items:center;gap:calc(var(--u)*2.6);padding:calc(var(--u)*.9) calc(var(--u)*1.2) calc(var(--u)*.9) calc(var(--u)*2.4);border-radius:999px;background:var(--m-sf)}
.nv-pill .m-logo{font-size:calc(var(--u)*1.7)}
.nv-pill .pl{display:flex;gap:calc(var(--u)*2.2);font-size:calc(var(--u)*1.2);padding:calc(var(--u)*.5) calc(var(--u)*1.6);border-radius:999px;background:var(--m-bg)}
.nv-giant .top{display:flex;justify-content:space-between;gap:calc(var(--u)*2);padding:calc(var(--u)*1.8) calc(var(--u)*5) 0;font-size:calc(var(--u)*1.2)}
.nv-giant .top span:first-child{display:flex;gap:calc(var(--u)*2.4)}
.nv-giant .word{font-family:var(--m-h);font-size:calc(var(--u)*11.6);line-height:.92;letter-spacing:-.02em;padding:calc(var(--u)*1.4) calc(var(--u)*4.4) 0;white-space:nowrap}
.nv-left{justify-content:flex-start;gap:calc(var(--u)*4)}
.nv-left .m-links{opacity:.8}
.nv-left .m-btn{margin-left:auto}
.nv-stack .row{display:flex;justify-content:space-between;align-items:baseline;gap:calc(var(--u)*2);padding:calc(var(--u)*2.6) calc(var(--u)*5) calc(var(--u)*1.2)}
.nv-stack .row .m-logo{font-size:calc(var(--u)*3)}
.nv-stack .row .tel{font-size:calc(var(--u)*1.2);box-shadow:0 1px 0 var(--m-ac)}
.nv-stack .links{display:flex;gap:calc(var(--u)*3.2);padding:0 calc(var(--u)*5) calc(var(--u)*1.4);font-size:calc(var(--u)*1.25);border-bottom:1px solid color-mix(in srgb,var(--m-fg) 15%,transparent)}
.nv-solo{display:flex;justify-content:center;align-items:center;padding:calc(var(--u)*2.6) calc(var(--u)*5)}
.nv-solo .m-logo{font-size:calc(var(--u)*2.6);letter-spacing:.08em}
.nv-tabs{display:flex;justify-content:center;border-bottom:1px solid color-mix(in srgb,var(--m-fg) 15%,transparent)}
.nv-tabs span{padding:calc(var(--u)*1.4) calc(var(--u)*3);font-size:calc(var(--u)*1.25)}
.nv-tabs span:first-child{box-shadow:inset 0 -2px 0 var(--m-ac)}
.nv-rside{position:absolute;right:calc(var(--u)*4);top:50%;transform:translateY(-50%);z-index:2;display:grid;gap:calc(var(--u)*1.4);text-align:right;font-size:calc(var(--u)*1.35);color:#fff}
.nv-rside i{font-style:normal;opacity:.6;margin-right:calc(var(--u)*1.2);font-size:calc(var(--u)*1)}
.m-dots{position:absolute;right:calc(var(--u)*2.4);top:calc(var(--u)*24);display:grid;gap:calc(var(--u)*1);z-index:2}
.m-dots i{width:calc(var(--u)*.7);height:calc(var(--u)*.7);border-radius:50%;background:var(--m-ac);opacity:.3}
.m-dots i:first-child{opacity:1}
.m-sw{display:grid;grid-template-columns:17% 1fr;min-height:100%}
.m-aside{display:flex;flex-direction:column;gap:calc(var(--u)*4);padding:calc(var(--u)*3.4) calc(var(--u)*2.4);border-right:1px solid color-mix(in srgb,var(--m-fg) 14%,transparent)}
.m-aside .m-logo{font-size:calc(var(--u)*2);white-space:normal;line-height:1.1}
.m-aside .lk{display:grid;gap:calc(var(--u)*1.3);font-size:calc(var(--u)*1.25);justify-items:start}
.m-aside .sm{margin-top:auto;font-size:calc(var(--u)*1);opacity:.6}
.m-aside .m-burger{display:none}
.m-main{min-width:0}
.cvnav{display:grid;gap:calc(var(--u)*1.1);margin-block:calc(var(--u)*1.6);font-size:calc(var(--u)*1.3);justify-items:start}
.cvnav .cur{box-shadow:0 1px 0 currentColor}
.m-strip{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:calc(var(--u)*1)}
.m-strip .m-ph{aspect-ratio:3/4}
.m-cal{display:grid;gap:0;padding:calc(var(--u)*2.4);background:var(--m-sf);font-size:calc(var(--u)*1.3)}
.m-cal b{font-family:var(--m-h);font-size:calc(var(--u)*1.9);font-weight:var(--m-hw);margin-bottom:calc(var(--u)*1)}
.m-cal div{display:grid;grid-template-columns:calc(var(--u)*5) 1fr;padding-block:calc(var(--u)*1);border-top:1px solid color-mix(in srgb,var(--m-fg) 14%,transparent)}
.m-cal div span{font-family:var(--m-h);font-size:calc(var(--u)*1.9);color:var(--m-ac);line-height:1}
.m-hero-img.low{min-height:calc(var(--u)*44)}
.m-ov.ctr{text-align:center;justify-items:center}
.mob .m-util span:last-child{display:none}
.mob .m-util{padding-inline:calc(var(--u)*2.6)}
.mob .nv-split{display:flex;justify-content:center;position:relative}
.mob .nv-split .l,.mob .nv-split .r{display:none}
.mob .nv-split .m-burger{display:block;position:absolute;left:calc(var(--u)*2.6);top:50%;margin-top:calc(var(--u)*-.75)}
.mob .nv-mast .links{display:none}
.mob .nv-mast{padding:calc(var(--u)*2.6) calc(var(--u)*2.6) calc(var(--u)*1.2)}
.mob .nv-mast .big{font-size:calc(var(--u)*2.2)}
.mob .nv-mast .m-burger{top:calc(var(--u)*2.9)}
.mob .nv-pill{padding-inline:calc(var(--u)*2)}
.mob .nv-pill .pl{display:none}
.mob .nv-pill .m-logo{font-size:calc(var(--u)*1.5)}
.mob .nv-giant .top span:first-child{display:none}
.mob .nv-giant .top{padding-inline:calc(var(--u)*2.6)}
.mob .nv-giant .word{font-size:calc(var(--u)*4.4);padding-inline:calc(var(--u)*2.4)}
.mob .nv-left{justify-content:space-between}
.mob .nv-left .m-btn{display:none}
.mob .nv-stack .row,.mob .nv-stack .links{padding-inline:calc(var(--u)*2.6)}
.mob .nv-stack .row .tel{display:none}
.mob .nv-stack .links{gap:calc(var(--u)*2);overflow:hidden;white-space:nowrap}
.mob .nv-solo{justify-content:space-between;padding-inline:calc(var(--u)*2.6)}
.mob .nv-solo .m-logo{font-size:calc(var(--u)*1.8)}
.mob .nv-tabs{justify-content:flex-start;overflow:hidden}
.mob .nv-tabs span{padding-inline:calc(var(--u)*1.8);white-space:nowrap}
.mob .nv-rside{display:none}
.mob .m-sw{grid-template-columns:1fr}
.mob .m-aside{flex-direction:row;justify-content:space-between;align-items:center;padding:calc(var(--u)*2.4) calc(var(--u)*2.6);border-right:0;border-bottom:1px solid color-mix(in srgb,var(--m-fg) 14%,transparent)}
.mob .m-aside .lk,.mob .m-aside .sm{display:none}
.mob .m-aside .m-burger{display:block}
.mob .m-strip{grid-template-columns:1fr 1fr}
.mob .m-dots{top:calc(var(--u)*30)}
.mob .m-cal div span{font-size:calc(var(--u)*1.6)}


/* richer concept pages */
.m-split.rv>:first-child{order:2}
.m-split.m-wide{grid-template-columns:1.25fr .75fr}
.m-split.m-narrow{grid-template-columns:.8fr 1.2fr}
.m-split.m-end{align-items:end}
.m-split.m-top{align-items:start}
.m-r{justify-self:end}
.m-h1s{font-size:calc(var(--u)*4)}
.m-h1l{font-size:calc(var(--u)*6.4)}
.m-h1xl{font-size:calc(var(--u)*8)}
.m-h2s{font-size:calc(var(--u)*2)}
.m-big{font-size:calc(var(--u)*1.9);opacity:.9;max-width:52ch}
.m-cols2{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u)*3)}
.m-facts{display:grid;grid-template-columns:repeat(3,1fr);margin-inline:calc(var(--u)*5);padding:calc(var(--u)*3.2) 0;border-block:1px solid color-mix(in srgb,var(--m-fg) 14%,transparent)}
.m-facts>div{display:grid;gap:calc(var(--u)*.4);padding-right:calc(var(--u)*2)}
.m-facts>div+div{padding-left:calc(var(--u)*2.4);border-left:1px solid color-mix(in srgb,var(--m-fg) 14%,transparent)}
.m-facts b{font-family:var(--m-h);font-weight:var(--m-hw,500);font-size:calc(var(--u)*2.6);line-height:1.1}
.m-facts span{font-size:calc(var(--u)*1.2);opacity:.68}
.m-facts-in{margin-inline:0}
.m-intro{display:grid;justify-items:center;text-align:center}
.m-lead{font-family:var(--m-h);font-weight:var(--m-hw,500);font-size:calc(var(--u)*2.6);line-height:1.3;max-width:34ch}
.m-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--u)*3)}
.m-steps>div{display:grid;gap:calc(var(--u)*.7);align-content:start;padding-top:calc(var(--u)*1.6);border-top:1px solid color-mix(in srgb,var(--m-fg) 20%,transparent)}
.m-steps i{font-style:normal;font-family:var(--m-h);font-size:calc(var(--u)*2.4);color:var(--m-ac);line-height:1}
.m-steps b{font-family:var(--m-h);font-weight:var(--m-hw,500);font-size:calc(var(--u)*1.8)}
.m-steps span{font-size:calc(var(--u)*1.25);opacity:.7}
.m-qt{display:grid;justify-items:center;text-align:center;gap:calc(var(--u)*1.4)}
.m-qt .m-quote{max-width:30ch}
.m-who{font-size:calc(var(--u)*1.15);opacity:.6;letter-spacing:.04em}
.m-faq{display:grid}
.m-faq div{display:flex;justify-content:space-between;gap:calc(var(--u)*2);align-items:center;padding:calc(var(--u)*1.5) 0;border-bottom:1px solid color-mix(in srgb,var(--m-fg) 15%,transparent);font-size:calc(var(--u)*1.45)}
.m-faq i{position:relative;width:calc(var(--u)*1.2);height:calc(var(--u)*1.2);flex:none}
.m-faq i::before,.m-faq i::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--m-ac)}
.m-faq i::after{transform:rotate(90deg)}
.m-cta{display:grid;justify-items:center;text-align:center;gap:calc(var(--u)*2.2);padding:calc(var(--u)*6) calc(var(--u)*5);background:var(--m-ac);color:var(--m-on,#fff)}
.m-cta .m-h2{max-width:22ch}
.m-cta .m-btn{background:var(--m-bg);color:var(--m-fg)}
.m-dl{margin:0;display:grid}
.m-dl div{display:grid;grid-template-columns:40% 1fr;gap:calc(var(--u)*1.4);padding:calc(var(--u)*1.2) 0;border-bottom:1px solid color-mix(in srgb,var(--m-fg) 15%,transparent);font-size:calc(var(--u)*1.35)}
.m-dl dt{opacity:.6}.m-dl dd{margin:0}
.m-map svg{position:absolute;inset:0;width:100%;height:100%}
.m-navwrap{position:absolute;top:0;left:0;right:0;color:#fff;z-index:2}
.m-form-c{width:min(100%,calc(var(--u)*46));text-align:left}
.m-couple{text-align:center}
.m-ft{padding:calc(var(--u)*5) calc(var(--u)*5) calc(var(--u)*3);display:grid;gap:calc(var(--u)*4);font-size:calc(var(--u)*1.25)}
.m-ft.dark{background:var(--m-fg);color:var(--m-bg)}
.m-ft.line{box-shadow:inset 0 1px 0 color-mix(in srgb,var(--m-fg) 16%,transparent)}
.m-ft.center{background:var(--m-sf);text-align:center}
.m-ft-top{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:calc(var(--u)*4)}
.m-ft-top>div{display:grid;gap:calc(var(--u)*.7);align-content:start}
.m-ft.center .m-ft-top{grid-template-columns:1fr;justify-items:center;gap:calc(var(--u)*2.4)}
.m-ft.center .m-ft-top>div:not(.m-ft-b){display:flex;flex-wrap:wrap;justify-content:center;gap:calc(var(--u)*1.2) calc(var(--u)*2.4)}
.m-ft.center .m-ft-top small{display:none}
.m-ft small{font-size:calc(var(--u)*1);letter-spacing:.12em;text-transform:uppercase;opacity:.55}
.m-ft span{opacity:.82}
.m-ft-b{display:grid;gap:calc(var(--u)*1)}
.m-ft-b p{opacity:.7;max-width:36ch}
.m-ft.center .m-ft-b{justify-items:center}
.m-ft-bot{display:flex;justify-content:space-between;gap:calc(var(--u)*2);padding-top:calc(var(--u)*2);border-top:1px solid color-mix(in srgb,currentColor 18%,transparent);font-size:calc(var(--u)*1.05);opacity:.65}
.m-ft.center .m-ft-bot{justify-content:center;gap:calc(var(--u)*4)}
.nv-giant .word{font-size:calc(var(--u) * min(11.6, 90 / (var(--nl) * .56)))}
/* concept pages on a phone */
.mob .m-split,.mob .m-split.m-wide,.mob .m-split.m-narrow{grid-template-columns:1fr;gap:calc(var(--u)*3)}
.mob .m-split.rv>:first-child{order:0}
.mob .m-split.m-narrow>.m-ph{width:62%;justify-self:center}
.mob .m-r{justify-self:start}
.mob .m-h1xl{font-size:calc(var(--u)*5.4)!important}
.mob .m-cols3{grid-template-columns:1fr}
.mob .m-cols3.m-cards,.mob .m-cols4,.mob .m-cols2.m-cards{grid-template-columns:1fr 1fr}
.mob .m-cols2{grid-template-columns:1fr}
.mob .m-facts{grid-template-columns:1fr;margin-inline:calc(var(--u)*2.6);padding-block:calc(var(--u)*.6)}
.mob .m-facts-in{margin-inline:0}
.mob .m-facts>div{display:flex;justify-content:space-between;align-items:baseline;gap:calc(var(--u)*2);padding:calc(var(--u)*1.3) 0}
.mob .m-facts>div+div{padding-left:0;border-left:0;border-top:1px solid color-mix(in srgb,var(--m-fg) 14%,transparent)}
.mob .m-facts b{font-size:calc(var(--u)*1.9)}
.mob .m-facts span{text-align:right;max-width:55%}
.mob .m-steps{grid-template-columns:1fr;gap:calc(var(--u)*2.2)}
.mob .m-lead{font-size:calc(var(--u)*2)}
.mob .m-big{font-size:calc(var(--u)*1.6)}
.mob .m-cta{padding:calc(var(--u)*5) calc(var(--u)*2.6)}
.mob .m-ft{padding:calc(var(--u)*4) calc(var(--u)*2.6) calc(var(--u)*2.4);gap:calc(var(--u)*3)}
.mob .m-ft-top{grid-template-columns:1fr 1fr;gap:calc(var(--u)*2.6)}
.mob .m-ft-b{grid-column:1/-1}
.mob .m-ft-bot{flex-direction:column;align-items:center;gap:calc(var(--u)*.6)}
.mob .m-dl div{grid-template-columns:1fr;gap:calc(var(--u)*.3)}
.mob .m-gal{grid-template-columns:1fr 1fr}
.mob .m-gal .m-ph:first-child{grid-column:1/-1;grid-row:auto;aspect-ratio:4/3}
.mob .m-faq div{font-size:calc(var(--u)*1.3)}
.mob .m-track{max-width:none}
.mob .m-count{gap:calc(var(--u)*1)}
.mob .m-count div{padding:calc(var(--u)*1) calc(var(--u)*1.4)}
.mob .m-book>*{padding:calc(var(--u)*1) calc(var(--u)*1.2)}
.mob .m-hero-img{min-height:calc(var(--u)*62)}
.mob .m-logo{font-size:calc(var(--u) * min(2, 24 / (var(--nl) * .58)))!important;overflow:hidden;text-overflow:ellipsis;min-width:0}
.mob .nv-giant .word{font-size:calc(var(--u) * min(5, 31 / (var(--nl) * .56)))}
.mob .m-strip{grid-template-columns:1fr 1fr}
.mob .m-cv>div:first-child{padding:calc(var(--u)*4) calc(var(--u)*2.6)}
.mob .m-cal{padding:calc(var(--u)*2)}
.mob .m-cols3.m-cards>:first-child:nth-last-child(3){grid-column:1/-1}
.mob .m-cols3.m-cards>:first-child:nth-last-child(3) .m-ph{aspect-ratio:16/10!important}
.mob .nv-cb .ico{visibility:hidden}