/* Editorial refinement. Parent and product identities stay distinct. */
.brand-page{--refine-rule:#163a302b}
.brand-page .brand-hero h1{line-height:.98;padding:.075em .04em .045em 0;overflow:visible;clip-path:none;animation:seen-title-arrive 1.05s cubic-bezier(.2,.7,.2,1) both}
.brand-page .brand-hero-copy>p,.brand-page .brand-hero-actions{clip-path:none;animation:seen-title-arrive .9s .12s both}
@keyframes seen-title-arrive{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.brand-page .brand-hero-copy>p{max-width:390px;line-height:1.75}
.brand-page .brand-round-link{font-size:13px;gap:15px;min-height:46px}
.brand-page .brand-round-link>span{width:46px;height:46px}
.brand-page .brand-hero-bottom>div{font-size:11px;gap:32px}
.brand-page .brand-motion{font-size:11px;min-height:44px}
.brand-page .brand-kicker{font-size:11px;letter-spacing:.1em}
.brand-page .brand-manifesto-grid{gap:9%;padding-top:64px;padding-bottom:76px}
.brand-page .brand-manifesto-copy>p{font-size:17px;line-height:1.8}
.brand-page .brand-manifesto-copy .brand-lead{font-size:28px;line-height:1.4}
.brand-page .brand-text-link{min-height:44px}
.brand-page .brand-wordline{font-size:13px;padding:22px 0}
.brand-page .brand-tabs button{font-size:13px!important;min-height:48px}
.brand-page .brand-principle-panel>p{font-size:16px;line-height:1.8}
.brand-page .brand-panel-number{font-size:60px;color:#697f56}
.brand-page .brand-principle-panel h3{line-height:1.12;margin-top:24px;margin-bottom:24px}
.brand-page .brand-place-foot p{font-size:14px;line-height:1.75}
.brand-page .brand-place-foot .brand-text-link{font-size:13px}
.brand-page .brand-page-hero{min-height:610px}
.brand-page .brand-page-hero>.brand-shell{min-height:552px;display:flex;flex-direction:column}
.brand-page .brand-page-hero h1{line-height:1.04;padding-top:.04em;text-wrap:balance}
.brand-page .brand-page-hero .brand-page-lead{max-width:620px;margin-bottom:38px}
.brand-page .brand-page-hero .brand-page-hero-foot{margin-top:auto}
.brand-page .brand-editorial-row{gap:5%;padding:64px 0;grid-template-columns:.45fr 1.25fr 1.15fr}
.brand-page .brand-editorial-row p{font-size:16px;line-height:1.8}
.brand-page .brand-company-facts dt{font-size:10px}.brand-page .brand-company-facts dd{font-size:15px}
.brand-page .brand-contact h2{line-height:1.04}
.brand-page .brand-contact-foot{font-size:12px;padding-top:24px}
.brand-page .sg-footer{padding-top:66px}
.brand-page .sg-footer-column strong{font-size:11px;margin-bottom:12px}
.brand-page .sg-footer-column{gap:8px}.brand-page .sg-footer-column a{padding:4px 0;min-height:30px}
.brand-page .sg-footer-bottom{font-size:11px;line-height:1.7;margin-top:42px}

/* A portfolio composition, rather than repeated product landing pages. */
.seen-portfolio{padding:100px 0 80px;background:#f7f6ef}
.portfolio-heading{display:grid;grid-template-columns:1.55fr 1fr;align-items:end;gap:80px;margin-bottom:55px}
.portfolio-heading .brand-kicker{margin-bottom:25px}
.brand-page .portfolio-heading h2{font:400 clamp(48px,4.6vw,68px)/1.06 Newsreader,Georgia,serif;letter-spacing:-.04em}
.portfolio-heading>p{font-size:16px;line-height:1.8;color:#52624e;max-width:330px;justify-self:end;margin-bottom:5px}
.portfolio-pair-label{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--refine-rule);padding:18px 0 22px;font-size:11px;line-height:1.5;color:#52664d}
.portfolio-pair-label>span:last-child{display:flex;align-items:center;gap:17px;color:#163a30}
.portfolio-pair-label i{font-style:normal;letter-spacing:12px;font-size:16px}
.portfolio-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}
.portfolio-project{min-width:0;position:relative}
.portfolio-entry{display:block;color:inherit;text-decoration:none;min-width:0}
.portfolio-art{position:relative;overflow:hidden;aspect-ratio:1.67;background:#171916;isolation:isolate}
.portfolio-art>img,.portfolio-art picture,.portfolio-art picture>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}
.portfolio-quote .portfolio-art>img{object-position:50% 43%}
.portfolio-safe .portfolio-art{background:#11232d}
.portfolio-safe .portfolio-art>img{object-fit:contain;padding:12px 14px 6px}
.portfolio-index{position:absolute;left:19px;top:17px;font:500 11px/1 Schibsted,Arial,sans-serif;color:#fff6ed;z-index:2;letter-spacing:.05em;text-shadow:0 1px 8px #10232b}
.portfolio-quote .portfolio-index{color:#171916;text-shadow:none;background:#f7f6ef;padding:6px 7px;left:14px;top:12px}
.portfolio-caption{padding:25px 0 0;border-bottom:1px solid var(--refine-rule)}
.portfolio-brand-row{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:59px;margin-bottom:21px}
.brand-page .portfolio-wordmark{margin:0;line-height:1;font-family:ProductInstrument,Arial,sans-serif}
.portfolio-wordmark-quote>img{width:166px;height:auto;filter:brightness(0)}
.brand-page .portfolio-wordmark-safe{display:flex;gap:9px;align-items:center;font:650 33px/1 ProductInstrument,Arial,sans-serif;letter-spacing:-.06em;color:#11232d}
.portfolio-wordmark-safe>img{width:28px;height:36px;object-fit:contain;filter:brightness(0)}
.portfolio-whs{font-size:10px;font-weight:600;letter-spacing:.06em;padding-left:6px;vertical-align:top;display:inline-block;padding-top:4px}
.portfolio-status{display:inline-flex;align-items:center;gap:7px;color:#496447;font:500 10px/1.5 Schibsted,Arial,sans-serif;white-space:nowrap}
.portfolio-status:before{content:'';width:5px;height:5px;background:currentColor;border-radius:50%;flex:none}
.portfolio-status.is-development{color:#80605a}.portfolio-status.is-development:before{background:none;border:1px solid #bb4b4d;width:6px;height:6px}
.portfolio-caption>p{font:400 16px/1.75 ProductInstrument,Arial,sans-serif;max-width:440px;color:#4a5552;min-height:56px;margin:0}
.portfolio-safe .portfolio-caption>p{color:#465964}
.portfolio-destination{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:25px 0 23px;font:500 12px/1.5 Schibsted,Arial,sans-serif}
.portfolio-destination>span:last-child{display:grid;place-items:center;width:39px;height:39px;border:1px solid #163a3040;border-radius:50%;font-size:20px;transition:background .2s,color .2s,transform .25s}
.portfolio-entry:hover .portfolio-destination>span:last-child{background:#163a30;color:#fffef0;transform:translate(2px,-2px)}
.portfolio-quote .portfolio-entry:hover .portfolio-destination>span:last-child{background:#ad4521;border-color:#ad4521}
.portfolio-safe .portfolio-entry:hover .portfolio-destination>span:last-child{background:#11232d;border-color:#11232d}
.portfolio-backstage{margin-top:44px;border:1px solid #163a3025;background:#f0f0e7}
.portfolio-backstage .portfolio-entry{display:grid;grid-template-columns:.87fr 1.2fr;min-height:310px}
.portfolio-backstage .portfolio-caption{padding:35px 38px 25px;display:flex;flex-direction:column;border:0}
.portfolio-backstage .portfolio-brand-row{display:block;min-height:0;margin-bottom:23px}
.brand-page .portfolio-wordmark-backstage{font:600 32px/1.1 ProductAnybody,Arial,sans-serif;letter-spacing:-.055em;color:#071b1c;margin-bottom:13px}
.portfolio-wordmark-backstage>span{font-weight:450;color:#ce4247}
.portfolio-backstage .portfolio-caption>p{font-family:BackStagePlex,Arial,sans-serif;max-width:360px;min-height:0}
.portfolio-backstage .portfolio-destination{margin-top:auto;padding-bottom:0;padding-top:24px}
.portfolio-backstage .portfolio-art{aspect-ratio:auto;height:100%;min-height:310px;background:#071b1c}
.portfolio-backstage .portfolio-art picture>img{object-position:78% 45%}
.portfolio-backstage .portfolio-art:after{content:'';position:absolute;inset:70% 0 0;background:linear-gradient(0deg,#071b1c85,transparent);pointer-events:none}
.portfolio-art figcaption{position:absolute;left:24px;bottom:18px;z-index:2;color:#fff6ec;font:400 9px/1.5 Schibsted,Arial,sans-serif}
.portfolio-foot{display:flex;justify-content:space-between;gap:55px;align-items:center;margin-top:33px}
.portfolio-foot p{font-size:12px;line-height:1.8;color:#52644e;max-width:540px}
.portfolio-foot .brand-text-link{font-size:12px;white-space:nowrap}

/* Detail pages keep their own brand voices, with a consistent reading rhythm. */
.brand-page .identity-detail .identity-record{font-size:11px;line-height:1.6;letter-spacing:0;margin-bottom:42px}
.identity-detail .identity-status{max-width:175px}
.brand-page .identity-detail .identity-mark{min-height:82px;display:flex;align-items:center;margin-bottom:24px!important}
.identity-detail .identity-mark-quote>img{align-self:center}
.brand-page .brand-product-belief .brand-kicker{display:block}
.brand-page .brand-product-belief>.brand-shell{grid-template-columns:.4fr 1.5fr 1fr;gap:5%}
.brand-page .brand-product-belief h2{line-height:1.1}
.brand-page .brand-product-belief p{font-size:16px;line-height:1.8}
.identity-detail .identity-art>picture{position:absolute;inset:0;display:block;width:100%;height:100%}
.identity-detail .identity-art>picture>img{width:100%;height:100%;object-fit:cover;object-position:68% 50%;max-width:none}

@media(max-width:1100px){
 .portfolio-heading{gap:55px}.portfolio-heading>p{font-size:15px;max-width:290px}
 .portfolio-pair{gap:26px}.portfolio-art{aspect-ratio:1.45}
 .portfolio-caption>p{font-size:15px}.portfolio-backstage .portfolio-caption{padding:30px}
 .portfolio-backstage .portfolio-entry{grid-template-columns:1fr 1.2fr}
 .brand-page .identity-detail .identity-record{margin-bottom:32px}
 .brand-page .brand-tabs button{font-size:12px!important}
}
@media(max-width:800px){
 .brand-page .brand-kicker{font-size:10px}
 .brand-page .brand-hero-top>.brand-small{font-size:9px;max-width:190px}
 .brand-page .brand-hero-bottom>div{font-size:10px;gap:20px}
 .brand-page .brand-manifesto-grid{gap:7%;padding-top:50px;padding-bottom:55px}
 .brand-page .brand-manifesto-copy>p{font-size:15px}.brand-page .brand-manifesto-copy .brand-lead{font-size:24px}
 .brand-page .brand-wordline{font-size:11px}
 .brand-page .brand-principle-panel>p{font-size:14px}
 .brand-page .brand-place-foot p{font-size:13px}
 .brand-page .brand-page-hero{min-height:570px}.brand-page .brand-page-hero>.brand-shell{min-height:525px}
 .brand-page .brand-editorial-row{grid-template-columns:1fr 1fr;gap:26px;padding:50px 0}
 .brand-page .brand-editorial-row>.brand-kicker{grid-column:1/-1}
 .seen-portfolio{padding:70px 0 60px}.portfolio-heading{gap:35px;margin-bottom:38px;grid-template-columns:1.3fr 1fr}
 .brand-page .portfolio-heading h2{font-size:48px}.portfolio-heading>p{font-size:14px;max-width:250px}
 .portfolio-pair-label{font-size:10px;gap:20px}
 .portfolio-pair{gap:24px}.portfolio-art{aspect-ratio:1.27}
 .portfolio-wordmark-quote>img{width:145px}.brand-page .portfolio-wordmark-safe{font-size:27px;gap:7px}
 .portfolio-wordmark-safe>img{width:23px;height:30px}.portfolio-whs{font-size:9px;padding-left:4px}
 .portfolio-brand-row{gap:10px;min-height:52px;margin-bottom:18px}
 .portfolio-caption>p{font-size:14px;min-height:74px}.portfolio-destination{padding-top:19px;font-size:11px}
 .portfolio-backstage .portfolio-entry{grid-template-columns:1fr 1fr}
 .portfolio-backstage .portfolio-caption{padding:28px 25px 25px}
 .brand-page .portfolio-wordmark-backstage{font-size:27px}
 .portfolio-backstage .portfolio-art{min-height:325px}
 .portfolio-backstage .portfolio-art picture>img{object-position:78% center}
 .portfolio-foot{gap:30px;align-items:start}.portfolio-foot p{font-size:11px;max-width:340px}.portfolio-foot .brand-text-link{font-size:11px;gap:20px}
 .brand-page .brand-product-belief>.brand-shell{grid-template-columns:1fr 1fr;gap:30px}.brand-product-belief .brand-kicker{grid-column:1/-1}
 .brand-page .identity-detail .identity-record{font-size:10px;gap:9px}.brand-page .identity-detail .identity-mark{min-height:64px}
}
@media(max-width:580px){
 .nature-page .brand-hero{display:grid;height:auto;min-height:0;max-height:none;grid-template-columns:1fr;grid-template-rows:auto auto auto auto}
 .nature-page .brand-hero>.brand-shell{display:contents}
 .nature-page .brand-hero-top,.nature-page .brand-hero-copy,.nature-page .brand-hero-bottom{width:calc(100% - 40px);margin-inline:auto;position:relative;z-index:2}
 .nature-page .brand-hero-top{grid-row:1;padding-top:25px;min-height:42px}
 .nature-page .brand-hero-top .brand-kicker{font-size:10px}
 .nature-page .brand-hero-top>.brand-small{display:none}
 .nature-page .brand-hero-copy{grid-row:2;padding:38px 0 30px;margin-block:0}
 .nature-page .brand-hero h1{font-size:clamp(63px,18vw,91px);line-height:.99;padding-top:.075em;padding-bottom:.045em}
 .nature-page .brand-hero-copy>p{font-size:16px;line-height:1.75;max-width:310px;margin-top:23px}
 .nature-page .brand-hero-actions{margin-top:24px}
 .nature-page .brand-round-link{font-size:12px;gap:12px}.nature-page .brand-round-link>span{width:40px;height:40px}
 .nature-page .nature-hero-art{position:relative;grid-row:3;inset:auto;height:clamp(300px,94vw,450px);width:100%;z-index:0;align-self:stretch}
 .nature-page .nature-hero-art>img{inset:0;width:100%;height:100%;object-position:75% 60%}
 .nature-page .nature-hero-art:after{background:linear-gradient(0deg,#102e26 0,transparent 21%,transparent 94%,#102e2630)}
 .nature-page .brand-hero-bottom{grid-row:4;padding:17px 0 12px;margin-top:0;background:none;border-color:#dce8b040}
 .nature-page .brand-hero-bottom>div{font-size:9px;gap:12px;justify-content:space-between;flex-wrap:wrap}
 .nature-page .brand-hero-bottom>div span{gap:5px}
 .nature-page .brand-hero-bottom .brand-motion{font-size:10px;margin-top:7px;padding:12px 0}
 .brand-page .brand-manifesto{padding-top:54px}
 .brand-page .brand-manifesto-grid{padding:40px 0 45px}
 .brand-page .brand-manifesto h2{font-size:clamp(60px,17vw,80px);line-height:1.03}
 .brand-page .brand-manifesto-copy{margin-top:35px}.brand-page .brand-manifesto-copy>p{font-size:16px}
 .brand-page .brand-wordline{font-size:10px;gap:20px;padding:20px 0}
 .brand-page .brand-principles{padding:58px 0}
 .brand-page .brand-principles-top h2{font-size:clamp(43px,12vw,59px);line-height:1.08}
 .brand-page .brand-principles-grid{gap:34px}
 .brand-page .brand-tabs{gap:0;justify-content:space-between;flex-wrap:nowrap}
 .brand-page .brand-tabs button{font-size:12px!important;min-height:48px;padding:0 2px 16px}
 .brand-page .brand-panel-number{font-size:48px}
 .brand-page .brand-principle-panel{min-height:330px;padding:28px 0 24px}
 .brand-page .brand-principle-panel h3{font-size:39px;line-height:1.12;margin:19px 0 22px}
 .brand-page .brand-principle-panel>p{font-size:15px}
 .brand-page .brand-place,.brand-page .brand-place>.brand-shell{min-height:480px}
 .brand-page .brand-place h2{font-size:clamp(45px,13vw,63px);line-height:1.06;margin:65px 0 36px}
 .brand-page .brand-place-foot p{font-size:13px;line-height:1.8}
 .brand-page .brand-place-foot .brand-text-link{font-size:12px;margin-top:18px}
 .brand-page .brand-page-hero{min-height:0;padding-top:35px}
 .brand-page .brand-page-hero>.brand-shell{min-height:0}
 .brand-page .brand-page-hero .brand-kicker{margin-bottom:30px}
 .brand-page .brand-page-hero h1{font-size:clamp(47px,13vw,68px);line-height:1.06;text-wrap:initial}
 .brand-page .brand-page-hero .brand-page-lead{font-size:16px;margin-top:25px!important;margin-bottom:30px}
 .brand-page .brand-page-hero-foot .brand-small{font-size:9px;max-width:180px}
 .brand-page .brand-page-hero-foot .brand-motion{font-size:10px}
 .brand-page .brand-editorial-row{grid-template-columns:1fr;gap:22px;padding:43px 0}
 .brand-page .brand-editorial-row>.brand-kicker{grid-column:auto}
 .brand-page .brand-editorial-row h2{font-size:43px;line-height:1.1}
 .brand-page .brand-editorial-row p{font-size:16px}
 .seen-portfolio{padding:58px 0 52px}
 .portfolio-heading{display:block;margin-bottom:30px}
 .portfolio-heading .brand-kicker{margin-bottom:23px}
 .brand-page .portfolio-heading h2{font-size:clamp(41px,11.9vw,60px);line-height:1.07}
 .portfolio-heading>p{font-size:15px;max-width:340px;margin-top:24px;line-height:1.8}
 .portfolio-pair-label{align-items:start;padding:18px 0 20px;gap:20px;font-size:10px}
 .portfolio-pair-label>span:first-child{max-width:150px}.portfolio-pair-label>span:last-child{gap:9px;white-space:nowrap}.portfolio-pair-label i{display:none}
 .portfolio-pair{display:block}.portfolio-project+.portfolio-project{margin-top:32px}
 .portfolio-art{aspect-ratio:1.38}
 .portfolio-safe .portfolio-art>img{padding:9px 10px}
 .portfolio-caption{padding-top:21px}
 .portfolio-brand-row{min-height:54px;margin-bottom:16px}
 .portfolio-wordmark-quote>img{width:152px}
 .brand-page .portfolio-wordmark-safe{font-size:30px;gap:8px}.portfolio-wordmark-safe>img{width:25px;height:32px}
 .portfolio-status{font-size:10px}
 .portfolio-caption>p{font-size:15px;min-height:0;line-height:1.75;max-width:340px}
 .portfolio-destination{font-size:12px;padding-top:22px;padding-bottom:20px}
 .portfolio-index{font-size:10px;left:15px;top:15px}
 .portfolio-backstage{margin-top:35px!important}
 .portfolio-backstage .portfolio-entry{display:flex;flex-direction:column}
 .portfolio-backstage .portfolio-caption{order:2;padding:25px 22px 21px}
 .portfolio-backstage .portfolio-brand-row{display:flex;align-items:start;gap:12px;flex-wrap:wrap;margin-bottom:20px}
 .brand-page .portfolio-wordmark-backstage{font-size:28px;margin-bottom:0}
 .portfolio-backstage .portfolio-status{font-size:9px;margin-top:5px}
 .portfolio-backstage .portfolio-art{order:1;min-height:0;height:270px;aspect-ratio:auto}
 .portfolio-backstage .portfolio-art picture>img{object-position:50% 43%}
 .portfolio-art figcaption{font-size:9px;left:20px;bottom:16px}
 .portfolio-backstage .portfolio-destination{padding-top:22px}
 .portfolio-foot{display:block;margin-top:27px}
 .portfolio-foot p{font-size:12px;max-width:350px}.portfolio-foot .brand-text-link{font-size:12px;margin-top:15px}
 .brand-page .identity-detail .identity-record{font-size:11px;line-height:1.6;gap:20px;margin-bottom:28px}
 .identity-detail .identity-record .identity-status{display:block}
 .identity-detail .identity-record .identity-status:before{margin-right:6px;vertical-align:middle}
 .brand-page .identity-detail .identity-mark{min-height:58px;margin-bottom:24px!important}
 .identity-detail.identity-safe .identity-art{height:calc(100vw * .625 + 30px);min-height:225px}
 .identity-detail.identity-backstage .identity-art{height:420px}
 .identity-detail .identity-art>picture>img{object-position:50% 44%}
 .brand-page .brand-product-belief{padding:60px 0}
 .brand-page .brand-product-belief>.brand-shell{display:block}
 .brand-page .brand-product-belief .brand-kicker{margin-bottom:24px}
 .brand-page .brand-product-belief h2{font-size:43px;line-height:1.1;margin-bottom:27px}
 .brand-page .brand-contact{padding-top:50px;padding-bottom:28px}
 .brand-page .brand-contact-line{display:grid;grid-template-columns:1fr;gap:24px;margin:28px 0 35px}
 .brand-page .brand-contact h2{font-size:clamp(43px,13.5vw,65px);line-height:1.08;grid-column:1;max-width:none}
 .brand-page .brand-contact h2 em{white-space:nowrap}
 .brand-page .brand-contact-line>a{width:60px;height:60px;font-size:39px;justify-self:end;grid-column:1;margin:0}
 .brand-page .brand-contact-foot{font-size:11px;gap:14px;line-height:1.7;padding-top:20px}
 .brand-page .sg-footer-grid{grid-template-columns:1fr 1fr;gap:32px 24px}
 .brand-page .sg-footer-grid>div:first-child{grid-column:1/-1}
 .brand-page .sg-footer-column strong{font-size:10px;margin-bottom:5px}
 .brand-page .sg-footer-column{font-size:13px;gap:4px}
 .brand-page .sg-footer-column a{min-height:36px;padding:7px 0}
 .brand-page .sg-footer-tagline{font-size:14px;line-height:1.8}
 .brand-page .sg-footer-bottom{font-size:10px;gap:15px;line-height:1.8}
}
@media(max-width:350px){
 .nature-page .brand-hero-top,.nature-page .brand-hero-copy,.nature-page .brand-hero-bottom{width:calc(100% - 32px)}
 .nature-page .brand-hero h1{font-size:63px}.nature-page .brand-hero-copy{padding-top:31px}
 .nature-page .brand-hero-copy>p{font-size:15px;max-width:275px}
 .nature-page .brand-hero-bottom>div{font-size:9px;gap:11px 15px;justify-content:flex-start}
 .brand-page .brand-principle-panel h3{font-size:35px}.brand-page .brand-tabs button{font-size:11px!important}
 .brand-page .brand-contact h2{font-size:43px}
 .brand-page .identity-detail .identity-record{flex-direction:column;gap:8px;font-size:11px}
 .identity-detail .identity-record .identity-status{text-align:left;justify-content:start;max-width:none}
 .identity-detail.identity-backstage .identity-art{height:370px}
 .portfolio-pair-label{font-size:9px;gap:15px}.portfolio-pair-label>span:first-child{max-width:130px}
 .brand-page .portfolio-wordmark-safe{font-size:28px}.portfolio-wordmark-quote>img{width:145px}
 .portfolio-backstage .portfolio-caption{padding-inline:20px}.portfolio-backstage .portfolio-art{height:245px}
 .brand-page .portfolio-wordmark-backstage{font-size:27px}
}
@media(prefers-reduced-motion:reduce){.brand-page .brand-hero h1,.brand-page .brand-hero-copy>p,.brand-page .brand-hero-actions{animation:none;clip-path:none}.portfolio-destination>span:last-child{transition:none}}