@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap');
:root{--mid:#08121A;--axis:#EBE4D7;--plum:#3E2F46;--teal:#666477;--calc:#B7AFBA;--red:#FF4D3A}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--mid);color:var(--axis);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}::selection{background:var(--red);color:white}.header{position:relative;z-index:10;height:88px;padding:0 clamp(24px,5.4vw,92px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(235,228,215,.15);background:var(--mid)}.brand{font-size:1.75rem;font-weight:600;letter-spacing:.22em;line-height:1}.brand-dot,.dot{color:var(--red)}.header nav{display:flex;align-items:center;gap:clamp(20px,2.6vw,42px)}.navlink{font-size:.83rem;font-weight:500;transition:color .25s;position:relative}.navlink:hover{color:white}.navlink.selected:after{content:"";position:absolute;bottom:-13px;left:0;width:14px;height:2px;background:var(--red)}.langs{display:flex;gap:9px;align-items:center;font-size:.77rem;letter-spacing:.1em}.langs a:not([aria-current]){opacity:.55}.menu-toggle{display:none}.hero{position:relative;overflow:hidden;background:var(--mid);min-height:590px;isolation:isolate}.home-hero{min-height:calc(100svh - 88px);min-height:max(760px,calc(100svh - 88px))}.hero-copy{position:relative;z-index:2;padding:clamp(72px,9vw,142px) clamp(24px,9vw,150px) 90px;max-width:1150px}.home-hero .hero-copy{padding-top:clamp(80px,10vw,155px)}.eyebrow{margin:0 0 34px;display:flex;align-items:center;gap:12px;font-size:.75rem;letter-spacing:.19em;font-weight:600;text-transform:uppercase}.eyebrow i{display:inline-block;background:var(--red);width:14px;height:2px;flex:none}.hero h1,h2{font-weight:300;letter-spacing:-.058em;line-height:1.04;margin:0}.hero h1{font-size:clamp(3.5rem,8.6vw,9rem)}.hero .intro{font-size:clamp(1rem,1.55vw,1.24rem);line-height:1.7;max-width:610px;margin:40px 0 0;color:rgba(235,228,215,.8)}.hero-actions{display:flex;gap:14px;margin-top:36px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:57px;padding:16px 22px;border:1px solid transparent;font-size:.78rem;font-weight:600;letter-spacing:.1em;transition:background .25s,color .25s,transform .25s;text-transform:uppercase;border-radius:0}.button:hover{transform:translateY(-3px)}.button.primary{color:var(--mid);background:var(--axis)}.button.primary:hover{background:white}.button.secondary{border-color:rgba(235,228,215,.65);color:var(--axis)}.button.secondary:hover{background:rgba(235,228,215,.1)}.button.ink{background:var(--mid);color:var(--axis)}.button.ink:hover{background:var(--plum)}.hero-art{position:absolute;inset:0 0 0 41%;z-index:0;pointer-events:none;opacity:.9;background:linear-gradient(124deg,transparent 8%,rgba(235,228,215,.035) 33%,transparent 39%),linear-gradient(133deg,transparent 41%,rgba(235,228,215,.20) 47%,rgba(183,175,186,.03) 49%,transparent 57%),linear-gradient(160deg,transparent 56%,rgba(102,100,119,.16) 73%,transparent 77%)}.hero-art:before{content:"";position:absolute;right:8%;top:-25%;width:46%;height:130%;transform:skewX(-23deg);background:linear-gradient(90deg,transparent,rgba(235,228,215,.085),transparent);border-left:1px solid rgba(235,228,215,.09)}.hero-art:after{content:"";position:absolute;right:27%;bottom:-50%;width:48%;height:170%;transform:rotate(34deg);border-left:1px solid rgba(235,228,215,.15);background:linear-gradient(90deg,transparent,rgba(235,228,215,.045),transparent)}.art-line{position:absolute;background:rgba(235,228,215,.13);width:1px;height:140%;top:-20%;transform:rotate(26deg)}.art-line.a{right:16%}.art-line.b{right:36%}.art-line.c{right:65%}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;position:relative;z-index:2;padding:0 clamp(24px,9vw,150px) 38px}.hero-bottom p{margin:0;font-size:clamp(.8rem,1.05vw,1rem);font-weight:500;line-height:1.35;letter-spacing:.1em}.hero-bottom span{font-size:.7rem;letter-spacing:.2em;opacity:.6}.inner-hero .hero-copy{max-width:1250px}.inner-hero h1{font-size:clamp(3.3rem,7.5vw,7.7rem)}.detail-hero{min-height:550px}.detail-hero h1{font-size:clamp(3.4rem,8vw,8rem)}.light-section{background:var(--axis);color:var(--mid);padding:clamp(80px,10vw,160px) clamp(24px,9vw,150px)}.dark-section{background:var(--mid);color:var(--axis);padding:clamp(80px,10vw,160px) clamp(24px,9vw,150px)}section h2{font-size:clamp(2.6rem,5vw,5.7rem)}.dark-eye{color:var(--teal)}.section-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:12vw}.large-copy{font-size:clamp(1.25rem,2.3vw,2rem);font-weight:300;line-height:1.48;margin:20px 0 36px}.text-link{display:inline-block;font-size:.78rem;font-weight:600;letter-spacing:.12em;padding-bottom:12px;border-bottom:1px solid currentColor;transition:padding .2s}.text-link:hover{padding-right:13px}.light-link{color:var(--axis);margin-top:35px}.directory{margin-top:70px;border-top:1px solid rgba(235,228,215,.26)}.directory a{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;padding:22px 0;border-bottom:1px solid rgba(235,228,215,.26);font-size:clamp(1.3rem,2.5vw,2.5rem);font-weight:300;transition:padding .25s,color .25s}.directory a:hover{padding-left:16px;color:white}.directory a span:last-child{font-size:1.2rem}.expertise-list .directory{margin-top:0;border-color:rgba(8,18,26,.22)}.expertise-list .directory a{grid-template-columns:55px 1fr auto;border-color:rgba(8,18,26,.22)}.expertise-list .directory a:hover{color:var(--plum)}.num{font-size:.75rem;color:var(--teal);font-weight:600}.abstract-band{position:relative;overflow:hidden;min-height:430px}.abstract-band:after{content:"";position:absolute;right:-5%;top:-60%;height:190%;width:37%;transform:skewX(-27deg);background:linear-gradient(90deg,transparent,rgba(235,228,215,.09),transparent);border-left:1px solid rgba(235,228,215,.14)}.end-cta .button{margin-top:42px}.values h2{margin-bottom:95px}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px}.value-grid article{border-top:1px solid rgba(8,18,26,.32);padding-top:24px}.value-mark{color:var(--red);font-size:2.5rem;line-height:1}.value-grid h3{font-size:1rem;letter-spacing:.12em;margin:25px 0 16px}.value-grid p{max-width:300px;font-size:1.1rem;font-weight:300}.detail-content{padding-bottom:130px}.detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:15%;}.detail-columns h2{font-size:.83rem;letter-spacing:.17em;font-weight:600;padding-bottom:24px;border-bottom:1px solid var(--mid)}.detail-columns ul{list-style:none;padding:0;margin:0}.detail-columns li{font-size:clamp(1.15rem,2vw,1.7rem);font-weight:300;padding:18px 0;border-bottom:1px solid rgba(8,18,26,.17)}.related{margin-top:125px;padding-top:30px;border-top:1px solid var(--mid);display:flex;align-items:center;gap:35px;flex-wrap:wrap}.related h3{font-size:.75rem;letter-spacing:.12em;margin-right:auto}.related a{font-size:1.1rem;border-bottom:1px solid;padding-bottom:8px}.filters{display:grid;grid-template-columns:repeat(3,1fr) auto;align-items:end;gap:20px;margin-bottom:70px}.filters label,.contact-section label{display:flex;flex-direction:column;gap:10px;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.filters select,.contact-section input,.contact-section textarea{width:100%;border:0;border-bottom:1px solid rgba(8,18,26,.4);border-radius:0;background:transparent;padding:14px 2px;color:var(--mid);outline:none;min-height:50px;font-size:1rem;font-weight:400;letter-spacing:0;text-transform:none}.filters select:focus,.contact-section input:focus,.contact-section textarea:focus{border-color:var(--red)}.job{border-top:1px solid rgba(8,18,26,.24);padding:29px 0;display:flex;justify-content:space-between;align-items:center}.job:last-child{border-bottom:1px solid rgba(8,18,26,.24)}.job h2{font-size:clamp(1.5rem,2.8vw,2.7rem);margin:0 0 9px}.job p{margin:0;color:#575660}.job a{font-size:1.5rem;padding:20px}.listing-note,.content-note{font-size:.86rem;color:#5c5a61;margin:28px 0 40px}.empty{padding:32px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.thumb{height:260px;background:#171b25;position:relative;overflow:hidden}.thumb:before{content:"";position:absolute;left:35%;top:-50%;height:170%;width:35%;transform:rotate(22deg);background:linear-gradient(90deg,transparent,rgba(235,228,215,.16),transparent);border-left:1px solid rgba(235,228,215,.2)}.thumb-2{background:#2e2937}.thumb-2:before{transform:rotate(-23deg)}.thumb-3{background:#252838}.thumb-3:before{left:55%}.article-meta{font-size:.7rem;letter-spacing:.15em;color:var(--teal);margin-top:24px}.article h2{font-size:clamp(1.5rem,2.2vw,2.25rem);line-height:1.2;margin:15px 0 22px}.article-rule{display:block;height:1px;background:rgba(8,18,26,.3)}.contact-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:12%}.email-link{font-size:clamp(1.2rem,2vw,2rem);border-bottom:1px solid;padding-bottom:10px}.contact-grid>div>p:last-child{color:var(--teal);margin-top:35px}.contact-section form{display:grid;gap:26px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}.contact-section textarea{resize:vertical}.contact-section .button{justify-self:start}.form-note{font-size:.8rem;color:#666;margin:0}.footer{background:var(--mid);padding:85px clamp(24px,9vw,150px) 32px}.foot-top{display:grid;grid-template-columns:1.4fr 1fr .5fr;gap:50px;padding-bottom:100px}.descriptor{border-left:1px solid var(--red);padding-left:15px;margin-top:22px;font-size:.72rem;letter-spacing:.16em;color:var(--calc)}.foot-links{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:.86rem}.foot-end{display:flex;flex-direction:column;align-items:flex-start;gap:16px;font-size:.85rem}.foot-bottom{border-top:1px solid rgba(235,228,215,.2);display:flex;justify-content:space-between;align-items:center;padding:30px 0 20px;font-size:.75rem;letter-spacing:.14em}.foot-bottom span{opacity:.5}.red-rule{width:35px;height:2px;background:var(--red)}@media(max-width:900px){.header{height:72px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;border:0;background:none;width:44px;height:44px}.menu-toggle span{height:1px;width:24px;background:var(--axis)}.header nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--mid);padding:30px 24px 45px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--teal)}.header nav.open{display:flex}.header nav .navlink{font-size:1.4rem;padding:13px 0}.header nav .langs{padding-top:30px}.navlink.selected:after{bottom:9px}.hero-art{left:25%;opacity:.55}.home-hero{min-height:780px}.hero-copy,.home-hero .hero-copy{padding:95px 7vw 80px}.hero-bottom{padding:0 7vw 30px}.light-section,.dark-section{padding:85px 7vw}.section-grid,.contact-grid{gap:55px}.filters{grid-template-columns:repeat(2,1fr)}.article-grid{gap:15px}.thumb{height:180px}}@media(max-width:650px){.brand{font-size:1.4rem}.hero h1,.inner-hero h1{font-size:clamp(3.15rem,11.5vw,5rem);line-height:1.06}.home-hero{min-height:740px}.hero-copy,.home-hero .hero-copy{padding:100px 24px 65px}.hero .intro{margin-top:30px}.hero-actions{flex-direction:column;align-items:stretch}.button{width:100%}.hero-bottom{padding:0 24px 28px}.hero-bottom span{writing-mode:vertical-rl}.hero-art{left:0;opacity:.32}.inner-hero,.detail-hero{min-height:560px}.light-section,.dark-section{padding:80px 24px}.section-grid,.detail-columns,.contact-grid{grid-template-columns:1fr;gap:55px}.value-grid,.article-grid{grid-template-columns:1fr;gap:55px}.values h2{margin-bottom:55px}.value-grid article{padding-top:16px}.value-grid p{margin-bottom:0}.directory{margin-top:45px}.directory a{padding:19px 0;font-size:1.4rem}.expertise-list .directory a{grid-template-columns:35px 1fr auto}.filters{grid-template-columns:1fr;gap:25px}.filters .button{margin-top:10px}.job h2{font-size:1.45rem}.job p{font-size:.85rem}.related{margin-top:75px;display:grid}.related h3{margin:0}.form-row{grid-template-columns:1fr}.foot-top{grid-template-columns:1fr 1fr;gap:50px;padding-bottom:60px}.foot-top>div:first-child{grid-column:span 2}.foot-bottom{gap:30px}.thumb{height:220px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

[hidden]{display:none!important}
.expertise-row{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid rgba(235,228,215,.26);font-size:clamp(1.3rem,2.5vw,2.5rem);font-weight:300}.expertise-row .row-rule{font-size:1rem;color:var(--red)}
.brand-logo{display:block;width:280px;height:50px;position:relative;overflow:hidden;flex:none}.brand-logo img{display:block;position:absolute;width:350.8px;height:350.8px;max-width:none;left:-35.4px;top:-150.4px}@media(max-width:650px){.brand-logo{width:205px;height:37px}.brand-logo img{width:256.8px;height:256.8px;left:-25.9px;top:-110.1px}}

/* Frame the supplied mark without the descriptor or transparent padding. */
.brand-logo{width:230px;height:55px}.brand-logo img{width:383.3px;height:383.3px;left:-38.7px;top:-164.3px}@media(max-width:650px){.brand-logo{width:185px;height:44px}.brand-logo img{width:308.3px;height:308.3px;left:-31.1px;top:-132.2px}}

.home-hero .hero-statement{margin:36px 0 0;font-size:clamp(.85rem,1.15vw,1rem);font-weight:500;line-height:1.42;letter-spacing:.1em}.home-hero .hero-bottom{justify-content:flex-end}

.expertise-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:72px;border-top:1px solid rgba(235,228,215,.23);border-left:1px solid rgba(235,228,215,.23)}.expertise-cell{min-height:234px;padding:30px 24px 32px;border-right:1px solid rgba(235,228,215,.23);border-bottom:1px solid rgba(235,228,215,.23)}.expertise-heading{display:flex;gap:16px;align-items:flex-start;min-height:48px}.expertise-icon{display:block;color:var(--red);flex:none;width:32px;height:32px}.expertise-icon svg{display:block;width:100%;height:100%}.expertise-cell h3{font-size:clamp(1rem,1.3vw,1.22rem);font-weight:500;line-height:1.25;margin:3px 0 0;letter-spacing:-.025em}.expertise-cell ul{list-style:none;margin:15px 0 0 48px;padding:0;color:var(--calc);font-size:.87rem;line-height:1.7}.expertise-cell li{margin:0 0 2px}@media(max-width:950px){.expertise-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.expertise-grid{grid-template-columns:1fr;margin-top:48px}.expertise-cell{min-height:0;padding:25px 18px 27px}.expertise-cell ul{margin-top:10px}}
/* Segmented grid rules give each expertise cell a precise crosshair rhythm. */
.expertise-grid{border:0}.expertise-cell{position:relative;border:0}.expertise-cell::before,.expertise-cell::after{content:"";position:absolute;pointer-events:none;background:rgba(235,228,215,.42)}.expertise-cell:not(:nth-child(4n))::before{right:0;top:16px;bottom:16px;width:1px}.expertise-cell:nth-child(-n+4)::after{left:16px;right:16px;bottom:0;height:1px}
@media(max-width:950px){.expertise-cell::before,.expertise-cell::after{display:none}.expertise-cell:nth-child(odd)::before{display:block;right:0;top:16px;bottom:16px;width:1px}.expertise-cell:nth-child(-n+6)::after{display:block;left:16px;right:16px;bottom:0;height:1px}}
@media(max-width:560px){.expertise-cell::before{display:none!important}.expertise-cell:not(:last-child)::after{display:block;left:16px;right:16px;bottom:0;height:1px}}

.expertise-cell{min-height:160px;display:flex;align-items:center}.expertise-heading{min-height:0;align-items:center}.expertise-cell h3{margin:0}@media(max-width:560px){.expertise-cell{min-height:105px}}


/* Keep the homepage hero compact and reserve red punctuation for its headline and the expertise close. */
.home-hero{min-height:0}.home-hero .hero-copy{padding-top:clamp(72px,7vw,112px);padding-bottom:42px}.footer .brand-dot{color:inherit}@media(max-width:650px){.home-hero{min-height:0}.home-hero .hero-copy{padding:72px 24px 28px}}

/* Home navigation and hero share a single Midnight canvas. */
.home-header{position:absolute;inset:0 0 auto;background:transparent;border-bottom:0}.home-hero .hero-copy{padding-top:calc(88px + clamp(72px,7vw,112px))}@media(max-width:650px){.home-hero .hero-copy{padding-top:144px}}
/* Motion refines the existing layout without changing its visual identity. */
html.motion-ready .motion-reveal{opacity:0;transform:translate3d(0,22px,0);transition:opacity 850ms cubic-bezier(.22,1,.36,1),transform 850ms cubic-bezier(.22,1,.36,1);transition-delay:var(--motion-delay,0ms)}
html.motion-ready .motion-reveal.is-visible{opacity:1;transform:translate3d(0,0,0)}
.home-hero .hero-art{transform:translate3d(0,var(--art-shift,0px),0);will-change:transform}
.expertise-icon{transition:transform 450ms cubic-bezier(.22,1,.36,1)}.expertise-cell:hover .expertise-icon{transform:translate3d(0,-4px,0)}
@view-transition{navigation:auto}
::view-transition-old(root){animation:260ms ease-in both norta-fade-out}
::view-transition-new(root){animation:380ms ease-out both norta-fade-in}
@keyframes norta-fade-out{to{opacity:0}}@keyframes norta-fade-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){html.motion-ready .motion-reveal,html.motion-ready .motion-reveal.is-visible{opacity:1;transform:none;transition:none}.home-hero .hero-art{transform:none!important;will-change:auto}.expertise-icon{transition:none}::view-transition-old(root),::view-transition-new(root){animation:none}}

/* Hero label and short horizontal rule follow the supplied reference. */
.home-hero .hero-copy>.eyebrow{position:relative;display:block;margin-bottom:76px;font-size:.85rem;line-height:1.4;letter-spacing:.17em}
.home-hero .hero-copy>.eyebrow i{position:absolute;left:0;top:calc(100% + 28px);width:50px;height:3px;transform:none}
@media(max-width:650px){.home-hero .hero-copy>.eyebrow{font-size:.78rem;margin-bottom:66px}.home-hero .hero-copy>.eyebrow i{top:calc(100% + 24px);width:44px;height:3px}}
/* Brand statement at the lower right of the hero, as in the reference. */
.home-hero{min-height:clamp(650px,52vw,800px)}
.hero-signature{position:absolute;right:clamp(24px,9vw,150px);bottom:35px;z-index:2;margin:0;padding-top:49px;color:var(--axis);font-size:.84rem;font-weight:600;letter-spacing:.18em;line-height:1.65;text-align:right}
.hero-signature::before{content:"";position:absolute;right:0;top:0;width:1px;height:35px;background:rgba(235,228,215,.8)}
.hero-signature span{display:block}
@media(max-width:650px){.home-hero{min-height:0}.home-hero .hero-copy{padding-bottom:195px}.hero-signature{right:24px;bottom:26px;font-size:.75rem;padding-top:42px}.hero-signature::before{height:29px}}
/* Match the reference's breathing room and centered rule over the word stack. */
.home-hero{min-height:clamp(780px,62vw,980px)}
.hero-signature{width:max-content;min-width:105px;padding-top:62px;text-align:left;line-height:1.3}
.hero-signature::before{left:50%;right:auto;top:0;height:43px;transform:translateX(-50%)}
.hero-signature span+span{margin-top:15px}
@media(max-width:650px){.home-hero{min-height:0}.home-hero .hero-copy{padding-bottom:265px}.hero-signature{padding-top:52px;min-width:98px}.hero-signature::before{height:36px}.hero-signature span+span{margin-top:13px}}
/* Center the rule on TALENT itself (between L and E), not the wider stack. */
.hero-signature{min-width:0}
.hero-signature::before{content:none}
.hero-signature span:first-child{display:table;position:relative}
.hero-signature span:first-child::before{content:"";position:absolute;left:50%;top:-62px;width:1px;height:43px;background:rgba(235,228,215,.8);transform:translateX(-50%)}
@media(max-width:650px){.hero-signature{min-width:0}.hero-signature span:first-child::before{top:-52px;height:36px}}
.hero-signature span:first-child{width:max-content}
/* New Norta hero artwork: a concrete plane, directional light, and restrained brand geometry. */
.home-hero{background-color:var(--mid);background-image:linear-gradient(90deg,rgba(8,18,26,.55) 0%,rgba(8,18,26,.38) 43%,rgba(8,18,26,.08) 75%),url('/norta-hero-lines-desktop.png');background-position:center;background-size:cover}
.home-hero .hero-art{display:none}
@media(max-width:900px){.home-hero{background-position:58% center}}
@media(max-width:650px){.home-hero{background-image:linear-gradient(90deg,rgba(8,18,26,.72),rgba(8,18,26,.42)),url('/norta-hero-lines-desktop.png');background-position:57% center}}
/* Principles echo the reference's editorial three-column rhythm. */
.principles-section{padding-top:clamp(90px,10vw,155px);padding-bottom:clamp(90px,10vw,155px);border-bottom:1px solid rgba(8,18,26,.18)}
.principles-section h2{font-size:clamp(2.8rem,5.4vw,6rem);max-width:850px}
.principles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(65px,8vw,125px);border-top:1px solid rgba(8,18,26,.23)}
.principles-grid article{min-height:255px;padding:27px clamp(20px,3vw,48px) 0;border-right:1px solid rgba(8,18,26,.19)}
.principles-grid article:first-child{padding-left:0}
.principles-grid article:last-child{border-right:0}
.principle-num{display:block;color:var(--red);font-size:.75rem;letter-spacing:.15em;margin-bottom:42px}
.principles-grid h3{font-size:.95rem;font-weight:600;letter-spacing:.13em;line-height:1.5;margin:0 0 23px}
.principles-grid p{max-width:280px;font-size:1.18rem;font-weight:300;line-height:1.55;margin:0}
@media(max-width:650px){.principles-grid{grid-template-columns:1fr;margin-top:60px}.principles-grid article,.principles-grid article:first-child{min-height:0;padding:28px 0 40px;border-right:0;border-bottom:1px solid rgba(8,18,26,.19)}.principles-grid article:last-child{border-bottom:0;padding-bottom:0}.principle-num{margin-bottom:22px}.principles-grid h3{margin-bottom:14px}}

/* Keep desktop navigation over the dark portion of the hero image. */
@media(min-width:901px){.home-header nav{margin-right:clamp(90px,14vw,220px);text-shadow:0 1px 8px rgba(8,18,26,.3)}}
/* Center the whole desktop navigation independently of the wordmark. */
@media(min-width:901px){.home-header nav{position:absolute;left:50%;transform:translateX(-50%);margin-right:0;white-space:nowrap}}

/* Mobile uses a deliberately composed crop: graphic axes fall between copy and signature. */
@media(max-width:650px){.home-hero{background-image:linear-gradient(90deg,rgba(8,18,26,.72),rgba(8,18,26,.42)),url('/norta-hero-lines-mobile.png');background-position:center;background-size:cover}}
/* The hero's muted purple returns as a measured supporting accent. */
:root{--plum-accent:#756C7D}
.principles-section{position:relative}
.principles-section::before{content:"";position:absolute;right:clamp(24px,9vw,150px);top:clamp(90px,10vw,155px);width:74px;height:10px;background:var(--plum-accent)}
.principle-num{color:var(--plum-accent)}
.end-cta{position:relative}
.end-cta::before{content:"";position:absolute;right:clamp(24px,9vw,150px);top:clamp(80px,10vw,160px);width:74px;height:10px;background:var(--plum-accent)}
.contact-section .email-link{border-color:var(--plum-accent)}
@media(max-width:650px){.principles-section::before,.end-cta::before{width:46px;height:7px;top:38px;right:24px}}

/* Purple is carried by precise navigation rules, centered on each label. */
.principles-section::before,.end-cta::before{content:none}
.header nav .navlink{display:inline-block}
.header nav .navlink::after{content:"";position:absolute;left:50%;bottom:-13px;width:16px;height:2px;background:var(--plum-accent);transform:translateX(-50%);opacity:1}
.header nav .langs{position:relative;width:max-content}
.header nav .langs::after{content:"";position:absolute;left:50%;bottom:-13px;width:16px;height:2px;background:var(--plum-accent);transform:translateX(-50%)}
@media(max-width:900px){.header nav .navlink::after{bottom:6px}.header nav .langs::after{bottom:-12px}}
/* Keep the hero signature in normal flow so copy can grow at any viewport. */
.home-hero{display:flex;flex-direction:column;min-height:clamp(780px,62vw,980px)}
.home-hero .hero-copy{padding-bottom:48px}
.home-hero .hero-signature{position:relative;right:auto;bottom:auto;align-self:flex-end;margin:auto clamp(24px,9vw,150px) 35px 0;padding:62px 8px 8px 44px;background:linear-gradient(90deg,transparent,rgba(8,18,26,.95) 35%)}
@media(max-width:650px){.home-hero{min-height:750px}.home-hero .hero-copy{padding-bottom:110px}.home-hero .hero-signature{margin:auto 24px 26px 0;padding-top:52px}}
/* One active-page rule, centered beneath its label. */
.header nav .navlink::after{content:none}
.header nav .navlink.selected::after{content:"";left:50%;bottom:-13px;width:16px;height:2px;background:var(--red);transform:translateX(-50%)}
.header nav .langs::after{content:none}
@media(max-width:900px){.header nav .navlink.selected::after{bottom:6px}}
/* A quiet plum axis marks the transition into The firm. */
.intro-section{position:relative}
.intro-section::before{content:"";position:absolute;top:0;left:clamp(24px,9vw,150px);width:clamp(90px,15vw,210px);height:2px;background:var(--plum-accent)}
.intro-section::after{content:"";position:absolute;top:0;left:calc(clamp(24px,9vw,150px) + clamp(90px,15vw,210px));width:2px;height:48px;background:var(--plum-accent)}
@media(max-width:650px){.intro-section::after{height:30px}}
/* Let the brand statement stand alone at the center, clear of the right-side artwork. */
.home-hero .hero-signature{align-self:center;margin:auto 0 35px;padding:62px 0 0;background:none}
.intro-section::before,.intro-section::after{content:none}
@media(max-width:650px){.home-hero .hero-signature{margin:auto 0 26px;padding-top:52px}}
/* The three-word signature is a direct, accessible path to the values. */
html{scroll-behavior:smooth}
.home-hero .hero-signature{cursor:pointer;text-decoration:none;transition:opacity .25s ease}
.home-hero .hero-signature:hover{opacity:.72}
.home-hero .hero-signature:focus-visible{outline:2px solid var(--axis);outline-offset:9px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* A dark closing invitation with a clear cream action. */
.end-cta{background:var(--mid);color:var(--axis)}
.end-cta .eyebrow{color:var(--calc)}
.end-cta .button.ink{background:var(--axis);color:var(--mid);border-color:var(--axis)}
.end-cta .button.ink:hover{background:#fff;color:var(--mid)}
/* The footer repeats the hero's material without its directional lighting. */

/* The invitation and navigation share one solid Midnight footer. */
.footer{background:var(--mid);background-image:none;border-top:0;padding:0 clamp(24px,5.4vw,92px) 28px}
.footer-invite{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:8%;align-items:center;padding:clamp(75px,9vw,135px) 0 clamp(70px,8vw,115px)}
.footer-identity{display:flex;align-items:center;gap:34px}
.footer-identity .brand-logo{width:280px;height:67px}
.footer-identity .brand-logo img{width:466.7px;height:466.7px;left:-47.1px;top:-200px}
.footer-descriptor{border-left:1px solid rgba(235,228,215,.45);padding-left:30px;color:var(--calc);font-size:.75rem;letter-spacing:.17em;line-height:1.55;white-space:nowrap}
.footer-ask{border-left:1px solid rgba(235,228,215,.32);padding-left:clamp(36px,5vw,80px)}
.footer-ask p{margin:0 0 25px;font-size:clamp(1rem,1.6vw,1.45rem);font-weight:400;letter-spacing:.11em;line-height:1.45}
.footer-ask .button{min-height:50px;gap:28px;padding:13px 18px}
.footer-nav{display:grid;grid-template-columns:140px minmax(0,1fr) auto;align-items:center;gap:clamp(25px,4vw,65px);padding:31px 0;border-top:1px solid rgba(235,228,215,.25)}
.footer-small-logo{width:130px;height:31px}
.footer-small-logo img{width:216.7px;height:216.7px;left:-21.9px;top:-92.8px}
.footer-nav .foot-links{display:flex;align-items:center;justify-content:center;gap:clamp(20px,3vw,45px);font-size:.82rem}
.footer-nav .foot-links .navlink.selected::after{display:none}
.footer-nav .foot-end{display:flex;flex-direction:row;align-items:center;gap:35px;font-size:1rem}
.footer .foot-bottom{padding:23px 0 18px;flex-direction:row-reverse;border-top:1px solid rgba(235,228,215,.2)}
.footer .foot-bottom p{margin:0}
@media(max-width:900px){.footer-invite{grid-template-columns:1fr;gap:55px}.footer-ask{max-width:480px}.footer-nav{grid-template-columns:140px 1fr;gap:28px}.footer-nav .foot-links{justify-content:flex-end}.footer-nav .foot-end{grid-column:2;justify-content:flex-end}}
@media(max-width:650px){.footer{padding:0 24px 26px}.footer-invite{padding:75px 0 70px;gap:58px}.footer-identity{align-items:flex-start;flex-direction:column;gap:24px}.footer-identity .brand-logo{width:230px;height:55px}.footer-identity .brand-logo img{width:383.3px;height:383.3px;left:-38.7px;top:-164.3px}.footer-descriptor{margin-left:3px;padding-left:20px}.footer-ask{padding-left:24px}.footer-ask .button{width:auto}.footer-nav{grid-template-columns:1fr;padding:30px 0;gap:30px}.footer-nav .foot-links{justify-content:flex-start;flex-wrap:wrap;gap:15px 28px}.footer-nav .foot-end{grid-column:1;justify-content:space-between}.footer .foot-bottom{gap:18px;align-items:flex-start;flex-direction:column;font-size:.69rem}}
/* One footer mark; the descriptor sits beside the wordmark as in Norta's lockup. */
.footer-descriptor{border:0;padding:0;color:var(--axis);font-size:.76rem;letter-spacing:.2em;line-height:1.35}
.footer-nav{grid-template-columns:minmax(0,1fr) auto}
.footer-nav .foot-links{justify-content:flex-start}
.footer-nav .foot-end{grid-column:auto}
.footer .foot-bottom{flex-direction:row;justify-content:flex-start}
@media(max-width:900px){.footer-nav{grid-template-columns:minmax(0,1fr) auto}.footer-nav .foot-links{justify-content:flex-start}.footer-nav .foot-end{grid-column:auto}}
@media(max-width:650px){.footer-identity{flex-direction:row;align-items:center;gap:18px}.footer-identity .brand-logo{width:175px;height:42px}.footer-identity .brand-logo img{width:291.7px;height:291.7px;left:-29.4px;top:-125px}.footer-descriptor{margin:0;padding:0;font-size:.62rem;letter-spacing:.14em}.footer-nav{grid-template-columns:1fr}.footer-nav .foot-end{grid-column:1}.footer .foot-bottom{flex-direction:row}}

/* About Us: a quiet editorial introduction and a personal founder portrait. */
.about-lead{background:var(--mid);padding:clamp(100px,12vw,175px) clamp(24px,9vw,150px) clamp(105px,12vw,180px)}
.about-heading{max-width:1250px}.about-lead h1{margin:0;font-size:clamp(3.6rem,8.4vw,9rem);font-weight:300;letter-spacing:-.065em;line-height:1.04}
.about-heading>p:last-child{max-width:570px;margin:42px 0 0;color:var(--calc);font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.65}
.founder-section{background:var(--axis);color:var(--mid);padding:clamp(85px,10vw,150px) clamp(24px,9vw,150px)}
.founder-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:clamp(50px,10vw,160px);align-items:center;max-width:1350px;margin:auto}
.founder-portrait{position:relative;max-width:530px;aspect-ratio:4/4.65;background:#c9c7c2;overflow:hidden}
.founder-portrait::after{content:"";position:absolute;bottom:0;right:0;width:36%;height:2px;background:var(--plum-accent)}
.founder-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0%}
.founder-copy h2{font-size:clamp(3.4rem,6.2vw,7rem)}.founder-role{margin:22px 0 0;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--teal);font-weight:600}
.founder-rule{width:100%;height:1px;background:rgba(8,18,26,.28);margin:42px 0 38px}.founder-copy>p:not(.eyebrow):not(.founder-role){max-width:590px;font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.75;margin:0 0 22px}.founder-copy .text-link{margin-top:28px}
@media(max-width:900px){.founder-layout{gap:55px}.about-lead{padding-top:100px;padding-bottom:110px}}
@media(max-width:650px){.about-lead{padding:85px 24px 100px}.about-lead h1{font-size:clamp(3.3rem,11vw,5rem)}.about-heading>p:last-child{margin-top:30px}.founder-section{padding:75px 24px 95px}.founder-layout{grid-template-columns:1fr;gap:62px}.founder-portrait{max-width:440px;aspect-ratio:4/4.5}.founder-copy h2{font-size:clamp(3.4rem,11vw,5rem)}.founder-rule{margin:32px 0}}

/* About and Contact now start behind the navigation on one uninterrupted Midnight surface. */
.unified-header{position:absolute;inset:0 0 auto;background:transparent;border-bottom:0}
.unified-header+.main{background:var(--mid)}
.unified-header~main .inner-hero .hero-copy{padding-top:calc(88px + clamp(72px,9vw,142px))}
.unified-header~main .about-lead{padding-top:calc(88px + clamp(100px,12vw,175px))}
.contact-footer .footer-invite{grid-template-columns:1fr;padding-top:clamp(65px,8vw,105px);padding-bottom:clamp(65px,8vw,105px)}
@media(max-width:900px){.unified-header~main .inner-hero .hero-copy{padding-top:calc(72px + 95px)}.unified-header~main .about-lead{padding-top:calc(72px + 100px)}}
@media(max-width:650px){.unified-header~main .inner-hero .hero-copy{padding-top:calc(72px + 100px)}.unified-header~main .about-lead{padding-top:calc(72px + 85px)}.contact-footer .footer-invite{padding:65px 0}}

.founder-meta{display:flex;align-items:center;gap:20px;margin-top:22px}.founder-meta .founder-role{margin:0}.founder-linkedin{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;color:var(--mid);border:1px solid rgba(8,18,26,.35);transition:color .2s,background .2s,border-color .2s}.founder-linkedin svg{width:16px;height:16px}.founder-linkedin:hover{background:var(--mid);color:var(--axis);border-color:var(--mid)}.founder-linkedin:focus-visible{outline:2px solid var(--red);outline-offset:3px}

/* The hero's two supporting labels use the same calm typographic voice as its headline. */
.home-hero .hero-copy>.eyebrow{font-size:1.08rem;font-weight:400;letter-spacing:.025em;text-transform:none}
.home-hero .hero-signature{font-size:1.18rem;font-weight:400;letter-spacing:.015em;line-height:1.35}
.home-hero .hero-signature span+span{margin-top:12px}
@media(max-width:650px){.home-hero .hero-copy>.eyebrow{font-size:.98rem;letter-spacing:.015em}.home-hero .hero-signature{font-size:1.06rem}.home-hero .hero-signature span+span{margin-top:11px}}

/* All caps with a gentler rhythm than the former compact, heavily tracked label. */
.home-hero .hero-copy>.eyebrow{font-size:1.02rem;font-weight:400;letter-spacing:.075em;text-transform:uppercase}
@media(max-width:650px){.home-hero .hero-copy>.eyebrow{font-size:.91rem;letter-spacing:.065em}}

/* Mobile links size to their words, so the active rule sits directly beneath the label. */
@media(max-width:900px){.header nav .navlink{width:max-content;max-width:100%;align-self:flex-start}.header nav .navlink.selected::after{left:50%;bottom:6px;transform:translateX(-50%)}}

/* Center each word within the width of the longest word, with the rule above the whole stack. */
.home-hero .hero-signature{text-align:center}
.home-hero .hero-signature span:first-child{display:block;width:auto}
.home-hero .hero-signature span:first-child::before{left:50%}

@media(min-width:951px){.expertise-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.expertise-cell:nth-child(9){grid-column:auto}.expertise-cell::before{display:block!important}.expertise-cell:nth-child(5n)::before{display:none!important}.expertise-cell::after{display:none}.expertise-cell:nth-child(-n+5)::after{display:block}}@media(min-width:561px) and (max-width:950px){.expertise-cell:nth-child(-n+8)::after{display:block}}
@media(min-width:951px){
  .expertise-cell{min-height:205px;padding:25px 20px;align-items:center}
  .expertise-heading{display:flex;flex-direction:column;align-items:flex-start;gap:15px;min-width:0}
  .expertise-cell h3{font-size:clamp(1rem,1.2vw,1.16rem);line-height:1.28;overflow-wrap:normal}
}
/* A complete, consistent frame around every specialty at all column counts. */
.expertise-grid{border-top:1px solid rgba(235,228,215,.42);border-left:1px solid rgba(235,228,215,.42)}
.expertise-cell{border-right:1px solid rgba(235,228,215,.42);border-bottom:1px solid rgba(235,228,215,.42)}
.expertise-cell::before,.expertise-cell::after{display:none!important}
/* Original inset-divider treatment, reflowed for ten specialties. */
.expertise-grid{border:0}
.expertise-cell{border:0}
@media(min-width:951px){
  .expertise-cell{min-height:180px;padding:24px 16px;align-items:center}
  .expertise-heading{display:flex;flex-direction:row;align-items:center;gap:12px;min-width:0}
  .expertise-icon{width:28px;height:28px}
  .expertise-cell h3{font-size:clamp(1rem,1.12vw,1.16rem);line-height:1.25}
  .expertise-cell:not(:nth-child(5n))::before{display:block!important}
  .expertise-cell:nth-child(-n+5)::after{display:block!important}
}
@media(min-width:561px) and (max-width:950px){
  .expertise-cell:nth-child(odd)::before{display:block!important}
  .expertise-cell:nth-child(-n+8)::after{display:block!important}
}
@media(max-width:560px){
  .expertise-cell:not(:last-child)::after{display:block!important}
}
/* All inset separators share the same geometry, including the fifth card. */
.expertise-cell::before{right:0;top:16px;bottom:16px;width:1px}
.expertise-cell::after{left:16px;right:16px;bottom:0;height:1px}
@media(min-width:951px){
  .expertise-cell{min-height:205px;padding:24px 20px;align-items:center}
  .expertise-heading{flex-direction:column;align-items:flex-start;gap:16px}
  .expertise-icon{width:32px;height:32px}
  .expertise-cell h3{font-size:clamp(1rem,1.2vw,1.16rem);line-height:1.26}
}
@media(min-width:951px){
  .expertise-cell{align-items:flex-start}
  .expertise-heading{width:100%}
  .expertise-icon{display:block;flex:none}
}
.expertise-cell{align-items:flex-start}
.expertise-heading{align-items:flex-start}
.expertise-heading{width:100%;flex-direction:column;align-items:center;gap:16px;text-align:center}
.expertise-cell h3{text-align:center}
@media(max-width:950px){.expertise-cell{min-height:170px}.expertise-icon{width:32px;height:32px}}
@media(max-width:560px){.expertise-cell{min-height:135px}}
/* Centre a shared icon/title block vertically in every card. */
.expertise-cell{display:flex;align-items:center;justify-content:center}
.expertise-heading{display:grid;grid-template-rows:32px 1fr;justify-items:center;align-items:center;gap:12px;width:100%;min-height:132px}
.expertise-icon{width:32px;height:32px}
.expertise-cell h3{align-self:center}
@media(min-width:951px){.expertise-heading{height:155px}}
@media(min-width:561px) and (max-width:950px){.expertise-cell{min-height:195px}.expertise-heading{min-height:130px}}
@media(max-width:560px){.expertise-cell{min-height:165px;padding:20px 18px}.expertise-heading{min-height:125px}}
.expertise-icon{position:relative;top:5px}
.expertise-cell h3{align-self:start}
.expertise-cell h3{align-self:center}
.expertise-icon{top:22px}

/* Direct contact details and candidate work authorization note. */
.contact-section .email-link{display:inline-block;max-width:100%;overflow-wrap:anywhere}
.contact-phones{display:flex;flex-direction:column;align-items:flex-start;margin-top:24px;gap:4px}
.contact-phones a{display:inline-flex;align-items:center;min-height:44px;font-size:1.1rem;transition:color .2s}
.contact-phones a:hover{color:var(--plum)}
.contact-phones a:focus-visible{outline:2px solid var(--red);outline-offset:4px}
.contact-grid>div>.work-status-note{max-width:440px;font-size:1rem;line-height:1.65}

/* Founder contact links share one clean, border-free action row. */
.founder-actions{display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin-top:28px}
.founder-copy .founder-actions .text-link{margin-top:0}
.founder-actions .founder-linkedin{width:44px;height:44px;border:0;background:transparent}
.founder-actions .founder-linkedin svg{width:26px;height:26px}
.founder-actions .founder-linkedin:hover{background:transparent;color:var(--plum)}

/* LinkedIn returns to the founder label, retaining the larger unframed icon. */
.founder-meta .founder-linkedin{width:44px;height:44px;border:0;background:transparent}
.founder-meta .founder-linkedin svg{width:26px;height:26px}
.founder-meta .founder-linkedin:hover{background:transparent;color:var(--plum)}

/* Concrete gradually settles into the new Midnight tone toward the hero base. */
.home-hero{background-color:#08121A;background-image:linear-gradient(180deg,rgba(8,18,26,0) 0%,rgba(8,18,26,.06) 30%,rgba(8,18,26,.28) 55%,rgba(8,18,26,.72) 80%,#08121A 100%),linear-gradient(90deg,rgba(8,18,26,.55) 0%,rgba(8,18,26,.38) 43%,rgba(8,18,26,.08) 75%),url('/norta-hero-lines-desktop.png')}
@media(max-width:650px){.home-hero{background-image:linear-gradient(180deg,rgba(8,18,26,0) 0%,rgba(8,18,26,.08) 28%,rgba(8,18,26,.34) 55%,rgba(8,18,26,.78) 82%,#08121A 100%),linear-gradient(90deg,rgba(8,18,26,.72),rgba(8,18,26,.42)),url('/norta-hero-lines-mobile.png')}}

/* Contact uses a quieter concrete surface continuous with its header. */
body.page-contact{background-color:var(--mid);background-image:linear-gradient(180deg,rgba(8,18,26,.25),rgba(8,18,26,.38)),url('/norta-contact-concrete.png');background-position:center top;background-repeat:no-repeat;background-size:100% 850px}
.page-contact .unified-header,.page-contact .inner-hero{background:transparent}
.page-contact .inner-hero .hero-art{display:none}
@media(max-width:650px){body.page-contact{background-size:auto 900px;background-position:40% top}}

.legal-links{display:flex;gap:24px;flex-wrap:wrap}.legal-links a:hover,.form-privacy a:hover{color:var(--red)}.foot-bottom{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.legal-heading{padding:90px clamp(24px,9vw,150px) 80px}.legal-heading h1{font-size:clamp(3rem,7vw,7rem);font-weight:300;letter-spacing:-.05em;line-height:1.08;max-width:1100px;margin:0}.legal-date{margin-top:30px;color:var(--calc);font-size:.9rem}.legal-layout{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,3fr);gap:clamp(40px,7vw,110px);padding:80px clamp(24px,9vw,150px)}.legal-toc{display:flex;flex-direction:column;gap:18px;font-size:.9rem;align-self:start}.legal-toc a{border-bottom:1px solid rgba(8,18,26,.15);padding-bottom:12px}.legal-copy{max-width:800px}.legal-section{margin-bottom:48px;scroll-margin-top:30px}.legal-section h2{font-size:1.5rem;letter-spacing:-.025em;line-height:1.3;font-weight:500;margin:0 0 18px}.legal-section p{font-size:1rem;line-height:1.8;margin:0}.legal-copy a,.form-privacy a{text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.form-privacy{font-size:.85rem;line-height:1.6;margin:20px 0 0}.legal-links{font-size:.8rem}@media(max-width:650px){.legal-layout{grid-template-columns:1fr;padding-top:45px}.legal-heading{padding-top:65px;padding-bottom:50px}.legal-links{gap:15px}.legal-section h2{font-size:1.3rem}}

.analytics-consent{position:fixed;bottom:24px;left:24px;right:24px;z-index:100;background:#08121A;color:#EBE4D7;border:1px solid #666477;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 8px 32px #0004}.analytics-consent[hidden]{display:none}.analytics-consent p{margin:0;font-size:.875rem;max-width:800px}.analytics-consent a{text-decoration:underline;text-underline-offset:3px}.analytics-consent>div{display:flex;gap:12px}.analytics-consent button{background:transparent;color:#EBE4D7;border:1px solid #B7AFBA;padding:12px 20px;min-height:44px}.analytics-consent button:hover{background:#3E2F46}.analytics-settings{border:0;padding:0;background:none;color:inherit;font:inherit;text-align:left}.analytics-settings:hover{text-decoration:underline}@media(max-width:600px){.analytics-consent{left:12px;right:12px;bottom:12px;padding:20px;flex-direction:column;align-items:stretch;gap:18px}.analytics-consent>div button{flex:1}}

@media(max-width:650px){html[lang="fr"] .home-hero .intro .hero-canada{display:block;white-space:nowrap}}
/* Matching mobile section headings in both languages. */
@media(max-width:650px){
  .intro-section h2,
 .home-directory>h2,
 .principles-section>h2{font-size:clamp(1.6rem,8.1vw,3.2rem);line-height:1.15;white-space:nowrap}
}

.footer-socials{display:flex;align-items:center;gap:16px}.footer-social{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;transition:color .2s}.footer-social svg{display:block;width:20px;height:20px}.footer-social:hover{color:white}.footer-social:focus-visible{outline:1px solid var(--axis);outline-offset:4px}

/* Homepage section links and a slightly smaller hero headline. */
.home-hero h1{font-size:clamp(2.7rem,6.4vw,6.7rem)}
.home-hero .hero-signature{cursor:default}
.home-hero .hero-signature:hover{opacity:1}
.hero-signature a{display:inline-block;transition:opacity .25s ease;padding:3px 0}
.hero-signature a:hover{opacity:.72}
.hero-signature a:focus-visible{outline:1px solid var(--axis);outline-offset:5px}
#firm,#expertise,#values{scroll-margin-top:24px}

/* Ivory contact page with the supplied conversation illustration. */
body.page-contact{background:var(--axis);color:var(--mid)}
.page-contact .header,.page-contact .inner-hero,.page-contact .contact-section{background:var(--axis);color:var(--mid)}
.page-contact .header{border-bottom:0}
.page-contact .header .brand-logo img{filter:brightness(0)}
.page-contact .header .navlink:hover{color:var(--plum)}
.page-contact .header .menu-toggle span{background:var(--mid)}
.page-contact .inner-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:560px;padding-right:5.4vw;gap:25px}
.page-contact .inner-hero .hero-copy{padding:80px 0 80px clamp(24px,5.4vw,92px)}
.page-contact .inner-hero h1{font-size:clamp(3rem,5.2vw,6rem)}
.page-contact .inner-hero .intro{color:var(--mid);max-width:580px}
.contact-illustration{display:block;width:100%;height:auto;mix-blend-mode:multiply}
.page-contact .footer{background:var(--mid);color:var(--axis)}
@media(max-width:650px){
 .page-contact .header nav{background:var(--axis);color:var(--mid)}
 .page-contact .inner-hero{grid-template-columns:1fr;padding:0 24px 40px;gap:15px;min-height:0}
 .page-contact .inner-hero .hero-copy{padding:60px 0 20px}
 .page-contact .inner-hero h1{font-size:clamp(2.7rem,10vw,4rem)}
 .contact-illustration{max-width:520px;margin:auto}
}

/* Integrate the conversation directly into the hero surface. */
.page-contact .inner-hero{display:block;padding:0;min-height:610px;background-color:var(--axis);background-image:url('/norta-contact-conversation.png');background-repeat:no-repeat;background-position:96% center;background-size:46% auto;background-blend-mode:multiply}
.page-contact .inner-hero .hero-copy{width:51%;max-width:none;padding:90px 0 100px clamp(24px,5.4vw,92px)}
@media(max-width:900px) and (min-width:651px){.page-contact .inner-hero h1{font-size:4.8vw}}
@media(max-width:650px){
 .page-contact .inner-hero{min-height:0;background-position:center calc(100% - 30px);background-size:calc(100% - 32px) auto;padding:0}
 .page-contact .inner-hero .hero-copy{width:100%;padding:60px 24px calc(58vw + 65px)}
}

/* Approved full-width illustrated contact hero. */
.page-contact .inner-hero{background-image:url('/norta-contact-warm-hero.png');background-size:cover;background-position:center;background-blend-mode:normal;min-height:610px}
.page-contact .inner-hero .hero-copy{width:43%;padding-right:12px}
.page-contact .inner-hero h1{font-size:clamp(2.7rem,4.4vw,5.2rem)}
@media(max-width:650px){
 .page-contact .inner-hero{background-image:none;min-height:0}
 .page-contact .inner-hero .hero-copy{width:100%;padding:60px 24px 35px}
 .page-contact .inner-hero::after{content:"";display:block;height:60vw;background-image:url('/norta-contact-warm-hero.png');background-repeat:no-repeat;background-size:170% auto;background-position:right center}
 .page-contact .inner-hero h1{font-size:clamp(2.7rem,10vw,4rem)}
}

/* Show the complete figures and blend the hero into the ivory page. */
.page-contact .inner-hero{min-height:max(610px,50vw);background-size:100% auto;background-position:center center;background-image:linear-gradient(to bottom,var(--axis) 0%,transparent 13%,transparent 87%,var(--axis) 100%),url('/norta-contact-warm-hero.png');border:0}
.page-contact .header{border:0;box-shadow:none}
@media(max-width:650px){
 .page-contact .inner-hero{min-height:0;background-image:none}
 .page-contact .inner-hero::after{height:77vw;background-size:145% auto;background-position:right center;background-image:linear-gradient(to bottom,var(--axis),transparent 12%,transparent 88%,var(--axis)),url('/norta-contact-warm-hero.png')}
}

/* Restore the original dark contact header. */
.page-contact .header{background:var(--mid);color:var(--axis)}
.page-contact .header .brand-logo img{filter:none}
.page-contact .header .navlink:hover{color:white}
.page-contact .header .menu-toggle span{background:var(--axis)}
@media(max-width:650px){.page-contact .header nav{background:var(--mid);color:var(--axis)}}

/* Shared ivory header and supporting-scale contact artwork. */
.page-contact .header{background:var(--axis);color:var(--mid)}
.page-contact .header .brand-logo img{filter:brightness(0)}
.page-contact .header .navlink:hover{color:var(--plum)}
.page-contact .header .menu-toggle span{background:var(--mid)}
.page-contact .inner-hero{min-height:560px;background-color:var(--axis);background-image:none}
.page-contact .inner-hero::before{content:"";position:absolute;z-index:0;pointer-events:none;width:78%;aspect-ratio:2;right:0;top:50%;transform:translateY(-50%);background:url('/norta-contact-warm-hero.png') center/100% auto no-repeat;mask-image:linear-gradient(to right,transparent 0%,black 25%,black 94%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 25%,black 94%,transparent 100%)}
.page-contact .inner-hero::after{content:"";position:absolute;pointer-events:none;z-index:1;inset:0;background:linear-gradient(to bottom,var(--axis) 0%,transparent 20%,transparent 78%,var(--axis) 100%)}
.page-contact .inner-hero .hero-copy{width:48%;padding-top:80px;padding-bottom:80px}
@media(max-width:650px){
 .page-contact .header nav{background:var(--axis);color:var(--mid)}
 .page-contact .inner-hero{min-height:0}
 .page-contact .inner-hero::before{content:none}
 .page-contact .inner-hero .hero-copy{width:100%;padding:55px 24px 25px}
 .page-contact .inner-hero::after{position:relative;inset:auto;height:54vw;width:90%;margin:0 auto 20px;background-image:linear-gradient(to bottom,var(--axis),transparent 18%,transparent 80%,var(--axis)),url('/norta-contact-warm-hero.png');background-size:125% auto;background-position:right center;background-repeat:no-repeat}
}

/* Approved horizontal concrete gradient and quieter section links. */
.home-hero{background-image:linear-gradient(180deg,transparent 65%,rgba(8,18,26,.35) 85%,#08121A 100%),url('/norta-hero-refined.png');background-position:center;background-size:cover}
.home-hero .hero-signature{font-size:1.05rem}
@media(max-width:650px){.home-hero{background-image:linear-gradient(180deg,rgba(8,18,26,.12),rgba(8,18,26,.3) 75%,#08121A 100%),url('/norta-hero-refined.png');background-position:45% center}.home-hero .hero-signature{font-size:.95rem}}

/* Fine pencil accents shared with the hero artwork. */
.expertise-icon .pencil-echo{opacity:.18;stroke-width:.7}
.expertise-icon svg{overflow:visible}
.about-lead{position:relative;overflow:hidden;isolation:isolate}
.about-heading{position:relative;z-index:1}
.about-pencil{position:absolute;right:5%;top:12%;height:78%;width:23%;color:var(--axis);opacity:.45;pointer-events:none;z-index:0}
.founder-portrait{overflow:visible}
.founder-portrait img{position:relative;z-index:1}
.founder-portrait::before{content:"";position:absolute;inset:20px -18px -20px 18px;border-right:1px solid rgba(62,47,70,.5);border-bottom:1px solid rgba(62,47,70,.5);transform:rotate(-.35deg);pointer-events:none}
.founder-portrait::after{z-index:2;right:-24px;bottom:32px;width:44px;height:1px;background:var(--red);transform:rotate(-1deg)}
.principle-num{position:relative}
.principle-num::after{content:"";display:block;width:27px;height:1px;margin-top:12px;background:var(--plum);opacity:.5;transform:rotate(-1deg)}
@media(max-width:650px){.about-pencil{width:30%;right:-8%;top:12%;opacity:.18}.founder-portrait::before{inset:14px -10px -14px 10px}.founder-portrait::after{right:-12px;width:30px}}

/* About typography matches Home; pencil frame belongs to the headline. */
.about-lead h1{font-size:clamp(2.7rem,6.4vw,6.7rem)}
.about-heading{width:max-content;max-width:100%;isolation:isolate}
.about-heading .about-pencil{left:-24px;right:auto;top:-28px;width:calc(100% + 72px);height:calc(100% + 78px);opacity:.4;z-index:-1}
@media(max-width:650px){.about-lead h1{font-size:clamp(2.7rem,6.4vw,6.7rem)}.about-heading .about-pencil{left:-10px;top:-22px;width:calc(100% + 28px);height:calc(100% + 60px);opacity:.32}}


/* A single quiet pencil stroke leads into the founder story. */
.about-founder-line{position:absolute;bottom:20px;left:56%;width:12px;height:105px;color:var(--axis);opacity:.45;pointer-events:none}
@media(max-width:650px){.about-founder-line{left:50%;bottom:14px;height:58px}}

/* Keep the pencil treatment only beneath Tax Talent Partner. */
.home-hero .hero-copy>.eyebrow i{clip-path:polygon(0 46%,8% 22%,31% 35%,56% 10%,80% 29%,100% 45%,94% 72%,65% 66%,42% 88%,16% 67%,0 59%);height:3px}
#firm .large-copy{font-size:clamp(1rem,1.55vw,1.24rem);line-height:1.7}
.page-contact .inner-hero::before{width:68%;right:1%;background-size:100% auto}
@media(max-width:650px){
 .home-hero{background-image:linear-gradient(180deg,rgba(8,18,26,.12),rgba(8,18,26,.3) 75%,#08121A 100%),linear-gradient(90deg,rgba(8,18,26,.45),transparent 85%),url('/norta-hero-refined.png');background-size:cover;background-position:80% center;background-repeat:no-repeat;background-color:var(--mid)}
 .page-contact .inner-hero::after{height:45vw;width:86%;background-size:115% auto}
}

/* Keep the mobile pencil cross below the recruitment introduction. */
@media(max-width:650px){.home-hero{background-position:center,center,80% calc(50% + 90px)}}

/* Full-width supporting conversation artwork on mobile. */
@media(max-width:650px){.page-contact .inner-hero::after{width:100%;height:54vw;margin:0 0 20px;background-size:115% auto;background-position:right center}}

/* Fuller pencil strokes retain the existing rule lengths and alignment. */
.eyebrow i,.home-hero .hero-copy>.eyebrow i,.header nav .navlink.selected::after,.red-rule,.menu-toggle span{clip-path:polygon(0 38%,7% 16%,30% 24%,56% 8%,81% 21%,100% 37%,98% 72%,72% 78%,43% 91%,16% 80%,0 66%);height:5px}
.founder-rule{clip-path:polygon(0 28%,21% 18%,43% 32%,66% 12%,87% 28%,100% 36%,99% 78%,72% 70%,49% 88%,24% 74%,0 79%);height:3px}
.hero-signature span:first-child::before{clip-path:polygon(36% 0,78% 8%,68% 34%,90% 61%,73% 84%,53% 100%,21% 91%,29% 63%,9% 36%,19% 12%);width:5px}

/* Continuous mobile concrete surface through the transparent header. */
#firm .large-copy{font-size:1.18rem;line-height:1.55;font-weight:300}
@media(max-width:650px){
 .page-home .home-header{background:transparent;border:0;box-shadow:none}
 .home-hero{background-size:cover,cover,auto calc(100% + 180px);background-position:center,center,82% top}
}

/* Restore the midnight contrast and clear the mobile navigation area. */
@media(max-width:650px){.home-hero{
 background-image:linear-gradient(180deg,#08121A 0px,#08121A 78px,rgba(8,18,26,.85) 120px,rgba(8,18,26,.15) 240px,transparent 55%,#08121A 100%),linear-gradient(90deg,rgba(8,18,26,.88) 0%,rgba(8,18,26,.65) 40%,rgba(8,18,26,.12) 100%),url('/norta-hero-refined.png');
 background-size:cover,cover,auto calc(100% + 180px);background-position:center,center,82% top;
}}

/* Let only the edge of the pencil composition enter the mobile hero. */
@media(max-width:650px){.home-hero{background-position:center,center,80% top}}

/* About frame shares the stronger pencil weight of the small site rules. */
.about-heading .about-pencil{opacity:.65}
.about-heading .about-pencil path{stroke-width:3px}
.about-heading .about-pencil path[stroke="#FF4D3A"]{stroke-width:4px}
@media(max-width:650px){.about-heading .about-pencil{opacity:.55}}

/* An unbroken pencil stroke bridges the dark and ivory sections. */
.about-lead{overflow:visible;z-index:1}
.about-founder-line{bottom:-55px;height:140px;opacity:.65;z-index:2}
@media(max-width:650px){.about-founder-line{bottom:-39px;height:100px;left:50%}}

/* Short, pressure-varied pencil mark across the section transition. */
.about-founder-line{height:96px;bottom:-38px;opacity:.7}
@media(max-width:650px){.about-founder-line{height:76px;bottom:-30px}}

/* Slightly stronger section-connecting pencil stroke. */
.about-founder-line{width:12px;opacity:.8;transform:scaleX(1.3);transform-origin:center}

/* Match the frame's actual 3px stroke on every screen. */
.about-founder-line{transform:none;opacity:.65}

/* Slightly lighter connecting pencil line. */
.about-founder-line path{stroke-width:2.4px}

/* Two staggered pencil strokes subtly echo the Norta mark. */
.about-founder-line{width:24px}

/* Parallel slanted strokes reference the logo, left stroke set lower. */
.about-founder-line{width:68px;margin-left:-22px}
@media(max-width:650px){.about-founder-line{width:54px;margin-left:-15px}}

/* Restore the simple single pencil stroke. */
.about-founder-line{width:12px;margin-left:0}
@media(max-width:650px){.about-founder-line{width:12px;margin-left:0}}

/* Precise rules with just a restrained taper, matching the refined hero. */
.eyebrow i,.home-hero .hero-copy>.eyebrow i,.header nav .navlink.selected::after,.red-rule,.menu-toggle span{clip-path:polygon(0 45%,3% 20%,97% 20%,100% 45%,97% 80%,3% 80%);height:4px}
.founder-rule{clip-path:none;height:1px}
.hero-signature span:first-child::before{clip-path:polygon(45% 0,80% 3%,80% 97%,45% 100%,20% 97%,20% 3%);width:4px}
.expertise-icon .pencil-echo{display:none}
.expertise-icon svg{stroke-width:1.35}
.principle-num::after,.founder-portrait::before,.founder-portrait::after{transform:none}

/* A slightly quieter founder portrait, preserving the existing crop. */
.founder-portrait{width:90%;max-width:477px}
@media(max-width:650px){.founder-portrait{width:90%;max-width:396px;margin-inline:auto}}