/* The parent identity frames the portfolio. Each product keeps its own identity. */
@font-face{font-family:ProductInstrument;src:url('fonts/product-instrument-sans-variable.woff2') format('woff2');font-weight:400 700;font-display:swap}
@font-face{font-family:ProductAnybody;src:url('fonts/product-anybody-variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:BackStagePlex;src:url('global/fonts/ibm-plex-sans-regular-latin1.woff2') format('woff2');font-weight:400;font-display:swap}
.identity-family{background:#f7f6ef;padding:95px 0 80px}
.identity-family-heading{display:grid;grid-template-columns:.65fr 1.5fr 1fr;gap:42px;align-items:end;margin-bottom:50px}
.identity-family-heading>.brand-kicker{align-self:start;padding-top:10px}
.brand-page .identity-family-heading h2{font:400 clamp(48px,4.8vw,72px)/1.04 Newsreader,Georgia,serif;letter-spacing:-.04em}
.identity-family-heading>p:last-child{max-width:290px;font-size:14px;line-height:1.8;color:#53644b;margin:0}
.identity-panels{display:grid;gap:22px}
.identity-panel{--identity-paper:#fbfaf6;--identity-accent:#e09a6c;--identity-muted:#c9c5bc;display:grid;grid-template-columns:1fr 1.08fr;min-width:0;min-height:530px;position:relative;isolation:isolate;overflow:hidden;background:#171916;color:var(--identity-paper);font-family:ProductInstrument,Arial,sans-serif}
.identity-copy{padding:32px 40px 30px;display:flex;flex-direction:column;position:relative;z-index:2;min-width:0}
.identity-record{display:flex;justify-content:space-between;gap:18px;align-items:start;font:500 9px/1.5 ProductInstrument,Arial,sans-serif;letter-spacing:.03em;color:var(--identity-muted);margin-bottom:48px}
.identity-status{display:flex;gap:6px;align-items:baseline;max-width:150px;text-align:right;justify-content:end}
.identity-status:before{content:'';display:inline-block;flex:0 0 5px;width:5px;height:5px;border-radius:50%;background:var(--identity-accent)}
.identity-status.is-development:before{background:none;border:1px solid var(--identity-accent)}
.brand-page .identity-mark{margin:0 0 31px!important;color:inherit;line-height:1;letter-spacing:-.04em;font-weight:650}
.identity-mark-quote>img{display:block;width:210px;height:auto}
.brand-page .identity-mark-safe{display:flex;align-items:center;gap:12px;font:650 37px/1 ProductInstrument,Arial,sans-serif;letter-spacing:-.06em}
.identity-mark-safe>img{width:31px;height:40px;object-fit:contain}
.identity-whs{font-size:13px;font-weight:500;letter-spacing:.05em;display:inline-block;vertical-align:top;padding-left:7px;padding-top:4px}
.brand-page .identity-mark-backstage{font:650 38px/1.05 ProductAnybody,Arial,sans-serif;letter-spacing:-.055em}
.identity-tp{color:#ff5d62;font-weight:450;letter-spacing:-.055em}
.identity-intention{font:550 clamp(32px,3.2vw,48px)/1.06 ProductAnybody,Arial,sans-serif;letter-spacing:-.045em;color:var(--identity-accent);margin:0 0 22px!important}
.identity-description{font:400 15px/1.75 ProductInstrument,Arial,sans-serif;max-width:350px;color:var(--identity-paper);margin:0!important}
.identity-link{display:inline-flex;gap:35px;justify-content:space-between;align-items:center;width:max-content;max-width:100%;font-size:13px;font-weight:600;color:var(--identity-paper);text-decoration:none;border-bottom:1px solid #ffffff55;padding:10px 0;margin-top:25px;transition:border-color .2s}
.identity-link>span{font-size:21px;transition:transform .25s}.identity-link:hover{border-color:var(--identity-accent)}.identity-link:hover>span{transform:translate(3px,-3px)}
.identity-relationship{margin:30px 0 0!important;padding-top:16px;border-top:1px solid #ffffff25;font:400 10px/1.5 ProductInstrument,Arial,sans-serif;color:var(--identity-muted)}
.identity-art{margin:0;position:relative;min-width:0;overflow:hidden;align-self:stretch}
.identity-art>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;max-width:none}
.identity-art:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(0deg,#171916c0,transparent);pointer-events:none}
.identity-art figcaption{position:absolute;left:25px;right:25px;bottom:23px;color:#fff8ef;z-index:2;font:400 9px/1.5 ProductInstrument,Arial,sans-serif}
.identity-quote .identity-art>img{object-position:50% center}
.identity-safe{background:#11232d;--identity-accent:#e9ab7d;--identity-muted:#b1c4ce;--identity-paper:#faf7ef}
.identity-safe .identity-intention{font-weight:680;letter-spacing:-.055em}
.identity-safe .identity-art{display:grid;align-items:center;background:#11232d}
.identity-safe .identity-art>img{object-fit:contain;position:relative;height:auto;max-height:100%;padding:18px 4% 40px 0}
.identity-safe .identity-art:after{background:linear-gradient(0deg,#11232d,transparent)}
.identity-backstage{background:#071b1c;--identity-accent:#b9e4d1;--identity-muted:#b3c8c4;--identity-paper:#fff6ec;grid-template-columns:1fr 1.08fr}
.identity-backstage .identity-art{position:absolute;inset:0;z-index:-1}
.identity-backstage .identity-art>img{object-position:65% 50%}
.identity-backstage .identity-art:after{inset:0;background:linear-gradient(90deg,#071b1cf5,#071b1ce6 35%,#071b1c2b 70%,#071b1c05),linear-gradient(0deg,#071b1c9c,transparent 40%)}
.identity-backstage .identity-art figcaption{left:auto;text-align:right}
.identity-backstage .identity-copy{grid-column:1}
.identity-backstage .identity-status:before{border-color:#ff5d62}
.identity-backstage .identity-intention{font-weight:400}
.identity-backstage .identity-description{font-family:BackStagePlex,Arial,sans-serif}
.identity-family-foot{display:flex;justify-content:space-between;gap:40px;align-items:center;margin-top:28px}
.identity-family-foot p{font-size:12px;line-height:1.8;max-width:580px;color:#53644b}
.identity-family-foot .brand-text-link{font-size:12px;white-space:nowrap}
.identity-detail-header{background:#f7f6ef;padding:24px 0;color:#163a30;border-bottom:1px solid #163a3020}
.identity-detail-header>.brand-shell{display:flex;justify-content:space-between;gap:25px;font-size:11px;align-items:center}
.identity-detail-header a{text-decoration:none;padding:6px 0}.identity-detail-header a:hover{text-decoration:underline}
.identity-detail-header span{font-size:9px;letter-spacing:.03em}
.identity-panel.identity-detail{min-height:650px;grid-template-columns:1fr 1fr}
.identity-detail .identity-copy{padding:45px max(48px,calc((100vw - 1440px)/2)) 40px; padding-right:55px}
.identity-detail .identity-record{margin-bottom:62px}
.identity-detail .identity-mark-quote>img{width:280px}
.brand-page .identity-detail .identity-mark-safe{font-size:50px}.identity-detail .identity-mark-safe>img{width:43px;height:56px}
.brand-page .identity-detail .identity-mark-backstage{font-size:56px}
.identity-detail .identity-intention{font-size:clamp(40px,4vw,62px)}
.identity-detail .identity-description{font-size:17px;max-width:420px}
.identity-detail .identity-link{margin-top:30px;font-size:14px}
.identity-detail .identity-relationship{max-width:440px}
.identity-detail.identity-backstage .identity-art>img{object-position:68% 50%}
@media(max-width:1100px){.identity-family-heading{grid-template-columns:.6fr 1.3fr 1fr;gap:27px}.brand-page .identity-family-heading h2{font-size:54px}.identity-copy{padding:27px 28px}.identity-record{font-size:8px;margin-bottom:36px;gap:20px}.identity-mark-quote>img{width:185px}.brand-page .identity-mark-safe{font-size:33px}.brand-page .identity-mark-backstage{font-size:33px}.identity-intention{font-size:38px}.identity-description{font-size:14px}.identity-panel{min-height:510px}.identity-detail .identity-copy{padding-left:40px;padding-right:38px}.identity-detail .identity-record{flex-direction:column;gap:9px}.identity-detail .identity-record .identity-status{max-width:none}}
@media(max-width:800px){.identity-family{padding:65px 0}.identity-family-heading{grid-template-columns:1.3fr 1fr;gap:24px}.identity-family-heading>.brand-kicker{grid-column:1/-1;padding:0}.identity-family-heading>p:last-child{font-size:13px}.brand-page .identity-family-heading h2{font-size:51px}.identity-panel{grid-template-columns:1.12fr 1fr;min-height:490px}.identity-copy{padding:25px}.identity-record{flex-direction:column;gap:8px;margin-bottom:30px}.identity-status{text-align:left;max-width:none;justify-content:start}.identity-intention{font-size:32px}.identity-description{font-size:13px}.identity-family-foot{align-items:start;gap:25px}.identity-family-foot p{font-size:11px;max-width:320px}.identity-family-foot .brand-text-link{font-size:10px;gap:20px}.identity-mark-quote>img{width:170px}.brand-page .identity-mark-backstage{font-size:30px}.brand-page .identity-mark-safe{font-size:30px;gap:8px}.identity-mark-safe>img{width:26px;height:34px}.identity-whs{font-size:10px}.identity-relationship{font-size:9px}.identity-backstage .identity-art:after{background:linear-gradient(90deg,#071b1cf5,#071b1ce8 40%,#071b1c40 80%)}.identity-art figcaption{font-size:7px;left:18px;right:18px;bottom:17px}.identity-panel.identity-detail{min-height:600px;grid-template-columns:1fr 1fr}.identity-detail .identity-copy{padding-left:25px;padding-right:25px}.identity-detail .identity-mark-quote>img{width:230px}.brand-page .identity-detail .identity-mark-safe{font-size:39px}.brand-page .identity-detail .identity-mark-backstage{font-size:42px}.identity-detail .identity-intention{font-size:42px}.identity-detail .identity-description{font-size:15px}.identity-detail .identity-record{margin-bottom:38px}}
@media(max-width:580px){.identity-family{padding:60px 0 50px}.identity-family-heading{display:block;margin-bottom:30px}.identity-family-heading>.brand-kicker{margin-bottom:24px}.brand-page .identity-family-heading h2{font-size:52px}.identity-family-heading>p:last-child{font-size:14px;max-width:330px;margin-top:24px}.identity-panels{gap:24px}.identity-panel,.identity-panel.identity-detail{display:flex;flex-direction:column;min-height:0}.identity-copy,.identity-detail .identity-copy{padding:25px 25px 24px}.identity-record{font-size:9px;flex-direction:row;gap:20px;margin-bottom:35px}.identity-record>span:first-child{max-width:125px}.identity-status{text-align:right;max-width:140px;justify-content:end;line-height:1.6}.brand-page .identity-mark{margin-bottom:30px!important}.identity-mark-quote>img,.identity-detail .identity-mark-quote>img{width:190px}.brand-page .identity-mark-safe,.brand-page .identity-detail .identity-mark-safe{font-size:36px}.identity-mark-safe>img,.identity-detail .identity-mark-safe>img{width:30px;height:39px}.identity-whs{font-size:11px;padding-top:4px}.brand-page .identity-mark-backstage,.brand-page .identity-detail .identity-mark-backstage{font-size:34px}.identity-intention,.identity-detail .identity-intention{font-size:38px;margin-bottom:22px!important}.identity-description,.identity-detail .identity-description{font-size:14px;max-width:330px}.identity-link,.identity-detail .identity-link{font-size:12px;margin-top:22px}.identity-relationship{font-size:10px;margin-top:26px!important}.identity-art{height:280px;flex-shrink:0}.identity-quote .identity-art>img{object-position:50% 42%}.identity-art figcaption{font-size:8px;left:22px;right:22px;bottom:19px}.identity-safe .identity-art{height:250px}.identity-safe .identity-art>img{height:100%;padding:0 4% 28px;position:absolute;object-fit:contain}.identity-backstage .identity-art{position:relative;inset:auto;z-index:0;height:300px}.identity-backstage .identity-art>img{object-position:80% 50%}.identity-backstage .identity-art:after{background:linear-gradient(0deg,#071b1c99,transparent 50%),linear-gradient(180deg,#071b1c,transparent 25%)}.identity-backstage .identity-art figcaption{left:22px;text-align:left}.identity-family-foot{display:block;margin-top:25px}.identity-family-foot p{font-size:12px;max-width:360px}.identity-family-foot .brand-text-link{font-size:12px;margin-top:12px}.identity-detail-header{padding:16px 0}.identity-detail-header>.brand-shell{font-size:10px;gap:20px}.identity-detail-header span{font-size:8px;max-width:115px;text-align:right}.identity-detail .identity-copy{padding:35px 25px 25px}.identity-detail .identity-record{flex-direction:row;gap:25px;margin-bottom:38px}.identity-detail .identity-record .identity-status{max-width:140px}.identity-detail .identity-art{height:360px}.identity-detail.identity-safe .identity-art{height:300px}.identity-detail.identity-backstage .identity-art{height:350px}}
@media(max-width:350px){.brand-page .identity-family-heading h2{font-size:46px}.identity-copy,.identity-detail .identity-copy{padding-inline:20px}.identity-record{font-size:8px;gap:14px}.identity-intention,.identity-detail .identity-intention{font-size:34px}.brand-page .identity-mark-safe,.brand-page .identity-detail .identity-mark-safe{font-size:32px}.brand-page .identity-mark-backstage,.brand-page .identity-detail .identity-mark-backstage{font-size:29px}.identity-mark-quote>img,.identity-detail .identity-mark-quote>img{width:180px}.identity-description{font-size:13px}.identity-art{height:230px}.identity-safe .identity-art{height:220px}.identity-backstage .identity-art{height:260px}}
@media(prefers-reduced-motion:reduce){.identity-link>span{transition:none}}
