@charset "UTF-8";
.page-identity-design .commerce-page{--commerce-ink:#1c262b;--commerce-muted:#677177;--commerce-line:#d5dcda}
.page-identity-design .commerce-hero.commerce-hero-showcase{min-height:540px;padding:12px 0 50px}
.page-identity-design .commerce-hero-showcase:before{inset:0 -5%;background:radial-gradient(ellipse at 52% 45%,#dce4e1ad,transparent 67%)}
.identity-hero{position:relative;isolation:isolate;width:min(100%,700px);height:520px;margin:auto}
.identity-hero-orbit{position:absolute;z-index:-1;top:5%;left:15%;width:70%;aspect-ratio:1;border:1px solid #bfcac7a6;border-radius:50%;box-shadow:0 0 0 34px #dce5e239,0 0 0 74px #dce5e223}
.identity-manual{position:absolute;top:3%;left:18%;width:63%;height:84%;display:flex;flex-direction:column;justify-content:space-between;padding:25px 27px 23px;background:#0c1d29;color:#f7f9f7;border:1px solid #39515a;box-shadow:0 34px 65px -28px #0d252e82;transform:rotate(-3deg);animation:identity-rise 8s ease-in-out infinite alternate}
.identity-manual:after{content:"";position:absolute;right:0;top:0;width:8px;height:100%;background:#d71935}
.identity-manual-top,.identity-manual-bottom{display:flex;justify-content:space-between;gap:12px;font-size:8px;font-weight:800;letter-spacing:.13em;color:#cad7d9}
.identity-manual-center{display:flex;flex:1;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px;padding-left:9%}
.identity-manual-line{width:40px;height:3px;background:#d71935}
.identity-manual-center img{width:70%;max-width:300px;height:auto;object-fit:contain}
.identity-manual-rule{width:70%;height:1px;background:#79929a65}
.identity-manual-center strong{font-size:clamp(23px,2.4vw,34px);line-height:1.08;letter-spacing:-.06em;font-weight:800}
.identity-card{position:absolute;z-index:2;display:flex;flex-direction:column;justify-content:space-between;width:39%;height:26%;padding:14px 16px;border:4px solid #f6f8f4;box-shadow:0 18px 36px -17px #172b3380}
.identity-card>span{font-size:7px;font-weight:850;letter-spacing:.12em}
.identity-card img{display:block;width:70%;max-height:70%;height:auto;object-fit:contain;align-self:center;margin:auto}
.identity-card-white{left:0;bottom:15%;background:#f7f8f6;color:#526068;transform:rotate(6deg);animation:identity-card-white 9s ease-in-out infinite alternate}
.identity-card-white small{font-size:7px;font-weight:750;letter-spacing:.14em;text-align:right}
.identity-card-navy{right:0;bottom:7%;background:#102330;color:#d6e1e1;transform:rotate(7deg);animation:identity-card-navy 7s ease-in-out infinite alternate}
.identity-swatches{position:absolute;z-index:3;left:16%;bottom:3%;display:flex;align-items:center;gap:4px}
.identity-swatches i{display:block;width:21px;height:21px;border:2px solid #f7f8f5;box-shadow:0 4px 10px #17293130}.identity-swatches i:nth-child(1){background:#0c1d29}.identity-swatches i:nth-child(2){background:#d71935}.identity-swatches i:nth-child(3){background:#f7f8f5}
.identity-swatches span{margin-left:8px;color:#697773;font-size:7px;font-weight:800;letter-spacing:.11em}
.identity-gallery{background:#e9eeeb}
.identity-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.identity-gallery-card{display:flex;flex-direction:column;min-width:0;min-height:505px;margin:0;padding:25px 27px 29px;overflow:hidden;border-radius:8px}
.identity-gallery-marks{background:#f7f9f6;color:#202d31;border:1px solid #d5ddda}
.identity-gallery-digital{background:#122631;color:#f7f9f6}
.identity-gallery-art{position:relative;flex:1;min-height:320px;display:flex;flex-direction:column;justify-content:center}
.identity-gallery-index{position:absolute;top:0;left:0;font-size:10px;font-weight:800;letter-spacing:.14em;opacity:.68}
.identity-mark-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:30px}
.identity-mark-pair>div{display:grid;place-items:center;min-height:185px;padding:20px;background:#fff;border:1px solid #dae1dc;box-shadow:0 12px 23px -21px #12232b}
.identity-mark-pair>div+div{background:#0c1d29;border-color:#0c1d29}
.identity-mark-pair img{display:block;width:90%;height:auto;max-height:140px;object-fit:contain}
.identity-palette{display:flex;gap:19px;margin-top:15px;color:#707c7c}
.identity-palette span{display:inline-flex;align-items:center;gap:6px;font-size:8px;font-weight:800;letter-spacing:.09em}
.identity-palette i{display:inline-block;width:11px;height:11px;background:#0c1d29;border:1px solid #c7d1cc}.identity-palette span:nth-child(2) i{background:#d71935}.identity-palette span:nth-child(3) i{background:#fff}
.identity-browser{width:92%;margin:36px auto 0;background:#0a151c;border:5px solid #314852;border-radius:9px;overflow:hidden;box-shadow:0 22px 35px -14px #06151d99;transform:rotate(-2deg)}
.identity-browser-bar{height:27px;display:flex;align-items:center;gap:4px;padding:0 10px;background:#e9edf0;color:#68747a}.identity-browser-bar i{width:5px;height:5px;border-radius:50%;background:#b8c4c6}.identity-browser-bar span{margin:auto;font-size:8px;font-weight:700;letter-spacing:.03em}
.identity-browser>img{display:block;width:100%;height:226px;object-fit:cover;object-position:center top}
.identity-gallery-card figcaption{display:flex;flex-direction:column;gap:8px;padding-top:18px;border-top:1px solid currentColor}
.identity-gallery-card figcaption span{font-size:9px;font-weight:800;letter-spacing:.14em;opacity:.65}
.identity-gallery-card figcaption strong{font-size:clamp(25px,2.3vw,37px);line-height:1.12;letter-spacing:-.055em}
.identity-gallery-card figcaption small{font-size:13px;line-height:1.55;opacity:.78}
.identity-gallery-foot{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-top:23px;color:#677572;font-size:12px;line-height:1.5}
.identity-gallery-foot a{display:inline-flex;align-items:center;gap:16px;flex-shrink:0;border-bottom:1px solid #778b83;padding-bottom:6px;color:#203332;text-decoration:none;font-weight:800}
@keyframes identity-rise{to{transform:translateY(-5px) rotate(-2deg)}}
@keyframes identity-card-white{to{transform:translateY(-5px) rotate(5deg)}}
@keyframes identity-card-navy{to{transform:translateY(5px) rotate(6deg)}}
@media(max-width:1000px){.page-identity-design .commerce-hero.commerce-hero-showcase{min-height:440px}.identity-hero{height:430px}.identity-manual{padding:18px 20px}.identity-card{padding:10px 12px}}
@media(max-width:760px){.page-identity-design .commerce-hero.commerce-hero-showcase{min-height:430px;padding:10px 0 35px}.identity-hero{height:415px;max-width:590px}.identity-gallery-card{min-height:440px;padding:20px}.identity-gallery-art{min-height:270px}.identity-mark-pair>div{min-height:155px}.identity-browser>img{height:190px}.identity-gallery-foot{flex-direction:column;align-items:flex-start}}
@media(max-width:520px){.page-identity-design .commerce-hero.commerce-hero-showcase{min-height:310px;padding:4px 0 28px}.identity-hero{height:305px}.identity-manual{left:17%;top:3%;width:66%;height:85%;padding:11px 12px}.identity-manual-top,.identity-manual-bottom{font-size:5px}.identity-manual-center{gap:10px}.identity-manual-center strong{font-size:19px}.identity-card{width:38%;height:25%;padding:6px;border-width:3px}.identity-card>span,.identity-card-white small{font-size:4px}.identity-swatches{left:16%;bottom:2%}.identity-swatches i{width:14px;height:14px}.identity-swatches span{font-size:5px}.identity-gallery-grid{grid-template-columns:1fr;gap:12px}.identity-gallery-card{min-height:420px}.identity-gallery-art{min-height:255px}.identity-mark-pair>div{min-height:140px}.identity-browser>img{height:180px}.identity-gallery-card figcaption strong{font-size:28px}}
@media(max-width:360px){.identity-hero{height:275px}.page-identity-design .commerce-hero.commerce-hero-showcase{min-height:285px}.identity-gallery-card{min-height:390px}.identity-gallery-art{min-height:230px}.identity-mark-pair>div{min-height:120px}.identity-browser>img{height:160px}}
@media(prefers-reduced-motion:reduce){.identity-manual,.identity-card{animation:none}}