/* Nordic Design UF / About editorial */
.nd-about{--ab-ink:#263b2e;--ab-green:#2d4436;--ab-muted:#7c8779;--ab-line:#e1e5dd;--ab-paper:#faf9f6;background:var(--ab-paper);color:var(--ab-ink);overflow:hidden}
.nd-about :is(a,button):focus-visible{outline:2px solid #72947a;outline-offset:4px}
.nd-about .nd-ui-arrow{width:18px;height:18px}
.nd-about-crumb{min-height:72px;display:flex;align-items:center;gap:13px;color:#7a897c;font-size:11px}
.nd-about-crumb a:hover{color:#294b36}
.nd-about-crumb span:last-child{color:var(--ab-ink)}
.nd-about-hero{display:grid;grid-template-columns:1.15fr .85fr;background:#ebeee7;min-height:610px}
.nd-about-hero-copy{display:flex;align-items:center;padding:75px clamp(24px,6vw,115px);min-width:0}
.nd-about-hero-inner{max-width:735px;width:100%}
.nd-about-eyebrow{display:flex;align-items:center;gap:14px;font-size:10px;font-weight:800;letter-spacing:.16em;color:#64796a;margin:0}
.nd-about-dot{width:7px;height:7px;background:#719677;border-radius:50%}
.nd-about-line{height:1px;width:23px;background:#acc2af}
.nd-about-hero h1{font-size:clamp(65px,6.6vw,106px);line-height:.96;font-weight:500;letter-spacing:-.071em;margin:42px 0 32px}
.nd-about-hero h1 em,.nd-about-big em,.nd-about-material-text h2 em,.nd-about-principles-header h2 em,.nd-about-cta h2 em{font-family:var(--serif,Georgia,serif);font-weight:400;letter-spacing:-.04em}
.nd-about-lede{font-size:15px;color:#647568;line-height:1.85;max-width:445px;margin:0 0 33px}
.nd-about-hero-link{display:inline-flex;align-items:center;gap:27px;padding:11px 0;border-bottom:1px solid #899e8c;font-size:11px;font-weight:800;letter-spacing:.07em}
.nd-about-hero-link:hover .nd-ui-arrow{transform:translateX(3px)}
.nd-about-hero-index{display:block;color:#94a194;font-size:9px;letter-spacing:.17em;font-weight:800;margin-top:74px}
.nd-about-hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:610px;background:radial-gradient(ellipse at 45% 35%,#4b6351,#273f32 65%,#22362b);overflow:hidden}
.nd-about-hero-art:before{content:"";position:absolute;width:95%;aspect-ratio:1;border:1px solid #5e7861;border-radius:50%;opacity:.45;transform:scaleX(.5) rotate(42deg)}
.nd-about-art-oval{position:absolute;width:85%;aspect-ratio:1;border:1px solid #617764;border-radius:50%;transform:scaleX(.55) rotate(-28deg)}
.nd-about-art-oval--two{width:57%;transform:scaleX(.6) rotate(66deg)}
.nd-about-hero-art img{width:64%;height:auto;max-height:430px;object-fit:contain;filter:brightness(0) invert(1);opacity:.79;position:relative;z-index:1}
.nd-about-hero-art>span{position:absolute;bottom:30px;right:33px;color:#b5c6b9;letter-spacing:.2em;font-size:9px;font-weight:700}
.nd-about-intro{display:grid;grid-template-columns:1fr 2.1fr;gap:45px;padding-top:130px;padding-bottom:148px}
.nd-about-label{font-size:10px;font-weight:800;letter-spacing:.16em;color:#7b8d7e}
.nd-about-intro-side{display:flex;flex-direction:column;gap:30px;align-items:start;padding-top:17px}
.nd-about-vertical-accent{height:1px;width:42px;background:#9aac9b}
.nd-about-big{font-size:clamp(47px,5.4vw,80px);font-weight:500;line-height:1.11;letter-spacing:-.055em;max-width:880px;margin:0 0 52px}
.nd-about-story-copy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.nd-about-story-copy p{font-size:13px;color:#737f74;line-height:1.95;margin:0}
.nd-about-materials{background:#f0f2eb;padding:91px 0 112px}
.nd-about-section-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:33px}
.nd-about-section-top>span:last-child{font-size:9px;font-weight:800;letter-spacing:.17em;color:#a0aca1}
.nd-about-materials-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.nd-about-material-card{min-height:590px;position:relative;overflow:hidden;display:flex;align-items:end;padding:42px}
.nd-about-material-metal{background:radial-gradient(circle at 62% 18%,#71847a,#394c40 46%,#24392e)}
.nd-about-material-wood{background:linear-gradient(142deg,#ead9bc,#c3ac89 55%,#b49b74)}
.nd-about-material-art{position:absolute;inset:0;pointer-events:none}
.nd-about-metal-ring{position:absolute;top:8%;left:25%;border:14px solid rgba(223,232,224,.43);border-radius:50%;height:300px;width:300px;transform:rotate(30deg) scaleX(.65);box-shadow:0 0 0 1px rgba(38,53,44,.2),inset 5px 0 13px rgba(255,255,255,.16)}
.nd-about-metal-ring--b{left:41%;top:12%;transform:rotate(-25deg) scaleX(.65)}
.nd-about-metal-ring--c{left:33%;top:4%;transform:rotate(90deg) scaleX(.65)}
.nd-about-wood-mark{position:absolute;inset:0;overflow:hidden;display:flex;align-items:start;gap:25px;justify-content:center;transform:rotate(16deg) scale(1.2);opacity:.35;pointer-events:none}
.nd-about-wood-mark span{display:block;height:600px;width:38px;background:repeating-linear-gradient(90deg,#9a7851 0px,#9a7851 1px,transparent 2px,transparent 15px);border-left:1px solid #9c7e57;border-radius:50%}
.nd-about-material-text{position:relative;z-index:2;color:#f4f7f0;max-width:430px}
.nd-about-material-wood .nd-about-material-text{color:#2b3529}
.nd-about-material-text>span{font-size:9px;font-weight:800;letter-spacing:.16em;opacity:.7}
.nd-about-material-text h2{font-weight:500;font-size:clamp(48px,5.3vw,72px);line-height:1.03;letter-spacing:-.062em;margin:23px 0}
.nd-about-material-text p{font-size:13px;line-height:1.8;max-width:310px;margin:0;color:rgba(245,248,243,.78)}
.nd-about-material-wood .nd-about-material-text p{color:rgba(42,53,43,.75)}
.nd-about-principles{padding-top:120px;padding-bottom:145px}
.nd-about-principles-header{display:flex;justify-content:space-between;align-items:start;gap:20px;padding-bottom:46px;border-bottom:1px solid var(--ab-line)}
.nd-about-principles-header h2{font-size:clamp(52px,5vw,74px);line-height:1;font-weight:500;letter-spacing:-.062em;margin:0}
.nd-about-principles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;padding-top:43px}
.nd-about-principle-no{font-size:10px;color:#92a394;font-weight:700}
.nd-about-principles-grid h3{font-weight:500;font-size:29px;line-height:1.2;letter-spacing:-.05em;margin:25px 0 14px}
.nd-about-principles-grid p{font-size:13px;line-height:1.9;color:#748074;max-width:340px;margin:0}
.nd-about-cta{background:#293e31;color:#f1f5ed;text-align:center;padding:118px 20px 130px;position:relative;overflow:hidden}
.nd-about-cta .nd-about-label{color:#b4c6b5}
.nd-about-cta h2{font-size:clamp(69px,8vw,112px);line-height:.95;letter-spacing:-.075em;font-weight:500;margin:34px 0 27px}
.nd-about-cta p:not(.nd-about-label){font-size:13px;color:#bdcbbf}
.nd-about-cta-btn{background:#f2f3ed;color:#273b2e!important;min-height:54px;display:inline-flex;align-items:center;gap:34px;font-size:10px;font-weight:800;letter-spacing:.07em;padding:18px 22px;margin-top:25px}
.nd-about-cta-btn:hover{background:#dee8dd;transform:translateY(-2px)}
@media(max-width:1060px){
 .nd-about-hero{grid-template-columns:1fr .9fr;min-height:530px}
 .nd-about-hero-copy{padding:58px 5vw}
 .nd-about-hero-art{min-height:530px}
 .nd-about-hero h1{font-size:clamp(55px,6.3vw,78px)}
 .nd-about-intro{grid-template-columns:1fr 2.5fr;gap:25px}
 .nd-about-story-copy{gap:15px}
 .nd-about-material-card{min-height:520px;padding:32px}
 .nd-about-principles-grid{gap:25px}
}
@media(max-width:760px){
 .nd-about-crumb{min-height:54px}
 .nd-about-hero{grid-template-columns:1fr}
 .nd-about-hero-copy{padding:63px 7vw 42px}
 .nd-about-hero h1{font-size:clamp(57px,9vw,86px);margin:28px 0 25px}
 .nd-about-hero-index{margin-top:42px}
 .nd-about-hero-art{min-height:350px;height:350px}
 .nd-about-hero-art img{width:44%}
 .nd-about-intro{padding-top:85px;padding-bottom:92px;grid-template-columns:1fr;gap:20px}
 .nd-about-intro-side{display:block}
 .nd-about-vertical-accent{display:none}
 .nd-about-big{font-size:clamp(50px,7vw,72px);margin:14px 0 40px}
 .nd-about-story-copy{grid-template-columns:1fr 1fr;gap:25px}
 .nd-about-materials{padding:73px 0 85px}
 .nd-about-material-card{min-height:450px}
 .nd-about-material-text h2{font-size:51px}
 .nd-about-principles{padding-top:85px;padding-bottom:100px}
 .nd-about-principles-grid{gap:20px}
 .nd-about-principles-header h2{font-size:54px}
}
@media(max-width:570px){
 .nd-about-hero-copy{padding:55px 24px 40px}
 .nd-about-hero h1{font-size:clamp(52px,11.6vw,73px)}
 .nd-about-lede{font-size:13px}
 .nd-about-hero-art{height:270px;min-height:270px}
 .nd-about-hero-art img{width:48%}
 .nd-about-hero-art>span{font-size:8px;right:22px}
 .nd-about-intro{padding-top:75px;padding-bottom:84px}
 .nd-about-big{font-size:48px}
 .nd-about-story-copy{grid-template-columns:1fr;gap:19px}
 .nd-about-story-copy p{font-size:13px}
 .nd-about-section-top{align-items:start;flex-direction:column;gap:9px}
 .nd-about-materials-grid{grid-template-columns:1fr;gap:13px}
 .nd-about-material-card{min-height:390px;padding:28px}
 .nd-about-material-text h2{font-size:59px}
 .nd-about-metal-ring{height:240px;width:240px;left:21%;border-width:11px}
 .nd-about-metal-ring--b{left:35%}
 .nd-about-metal-ring--c{left:27%}
 .nd-about-principles-header{flex-direction:column;gap:26px;padding-bottom:32px}
 .nd-about-principles-header h2{font-size:58px}
 .nd-about-principles-grid{grid-template-columns:1fr;gap:0;padding-top:0}
 .nd-about-principles-grid article{padding:26px 0;border-bottom:1px solid var(--ab-line)}
 .nd-about-principles-grid h3{font-size:28px;margin:14px 0 9px}
 .nd-about-cta{padding:88px 15px 96px}
 .nd-about-cta h2{font-size:clamp(61px,12vw,84px)}
}
@media(prefers-reduced-motion:reduce){.nd-about *{transition:none!important}}