body.info-detail-page{background:radial-gradient(circle at 76% 0,#123552 0,#071827 30%,#06131f 60%,#040c14 100%);color:#edf5fa}.info-detail-main{max-width:1460px;margin:0 auto;padding:0 28px 58px}.info-detail-breadcrumbs{display:flex;align-items:center;gap:9px;padding:22px 2px 14px;color:#8499ab;font-size:14px}.info-detail-breadcrumbs a{color:#afc2d1}.info-detail-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.65fr);gap:28px;align-items:end;padding:28px 0 34px;border-bottom:1px solid rgba(128,177,218,.14)}.info-detail-hero-copy>span,.info-detail-section>span{display:inline-flex;color:#ffd337;font-size:13px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.info-detail-hero h1{max-width:900px;margin:10px 0 14px;font-size:clamp(40px,4vw,58px);line-height:1.04;letter-spacing:-.035em}.info-detail-hero p{max-width:900px;margin:0;color:#afc0cd;font-size:18px;line-height:1.62}.info-detail-note{padding:24px;border:1px solid rgba(99,176,233,.25);border-radius:18px;background:linear-gradient(145deg,rgba(14,42,64,.95),rgba(8,25,40,.96));box-shadow:0 18px 44px rgba(0,0,0,.18)}.info-detail-note b{display:block;margin-bottom:8px;font-size:21px}.info-detail-note p{font-size:15.5px;line-height:1.55}.info-detail-note a{display:inline-flex;margin-top:17px;color:#ffd337;font-size:15px;font-weight:800}.info-detail-section{padding:34px 0 0}.info-detail-section h2{margin:8px 0 12px;font-size:32px;line-height:1.12}.info-detail-section>p{max-width:980px;color:#b5c5d1;font-size:17.5px;line-height:1.65}.info-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}.info-detail-card{padding:27px;border:1px solid rgba(91,171,230,.22);border-radius:18px;background:linear-gradient(150deg,#0d2639,#091b2a);box-shadow:0 16px 36px rgba(0,0,0,.14)}.info-detail-card strong{display:block;color:#ffd337;font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.info-detail-card h3{margin:7px 0 10px;font-size:25px;line-height:1.15}.info-detail-card p{margin:0;color:#b5c5d1;font-size:16.5px;line-height:1.6}.info-detail-list{display:grid;gap:11px;margin:18px 0 0;padding:0;list-style:none}.info-detail-list li{position:relative;padding:14px 16px 14px 42px;border-radius:12px;background:#0a1c2a;border:1px solid rgba(100,164,209,.16);color:#c6d2dc;font-size:16px;line-height:1.5}.info-detail-list li:before{content:'✓';position:absolute;left:16px;top:13px;color:#ffd337;font-weight:900}.info-detail-callout{margin-top:24px;padding:24px 26px;border-radius:16px;border:1px solid rgba(255,210,55,.2);background:rgba(255,210,55,.055);color:#dfe8ee}.info-detail-callout h3{margin:0 0 8px;font-size:23px}.info-detail-callout p{margin:0;color:#bdcad3;font-size:16.5px;line-height:1.58}.info-detail-cta{margin-top:26px;padding:27px 30px;border-radius:18px;border:1px solid rgba(255,210,55,.2);background:linear-gradient(115deg,rgba(255,210,55,.055),rgba(20,55,78,.28));display:flex;justify-content:space-between;gap:30px;align-items:center}.info-detail-cta h2{margin:0 0 7px;font-size:28px}.info-detail-cta p{margin:0;max-width:780px;color:#aebfcb;font-size:16px;line-height:1.55}.info-detail-cta a{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:10px;background:linear-gradient(180deg,#ffd83c,#efb700);color:#17222c;font-size:15px;font-weight:900}.shared-products{margin-top:34px;padding-top:28px;border-top:1px solid rgba(128,177,218,.14)}.portfolio-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}.portfolio-showcase a{overflow:hidden;border-radius:16px;border:1px solid rgba(105,167,212,.2);background:#0a1d2c;color:#fff}.portfolio-showcase img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.portfolio-showcase span{display:block;padding:14px 16px;font-size:16px;font-weight:800}.color-swatch-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:20px}.color-swatch{min-height:92px;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.14);display:flex;align-items:flex-end;font-size:13px;font-weight:800;box-shadow:inset 0 -30px 50px rgba(0,0,0,.18)}.color-swatch.light{color:#17222c;box-shadow:inset 0 -30px 50px rgba(255,255,255,.18)}@media(max-width:980px){.info-detail-hero{grid-template-columns:1fr}.info-detail-grid{grid-template-columns:1fr}.portfolio-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}.color-swatch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.info-detail-main{padding:0 16px 42px}.info-detail-hero h1{font-size:38px}.info-detail-hero p{font-size:17px}.info-detail-card{padding:22px}.info-detail-cta{padding:22px;align-items:flex-start;flex-direction:column}.info-detail-cta a{width:100%}.portfolio-showcase{grid-template-columns:1fr}.color-swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* About page */
.about-page .about-intro{padding:32px 0 8px;border-bottom:1px solid rgba(128,177,218,.14)}
.about-page .about-intro h2{max-width:850px}
.about-page .about-intro p{max-width:1080px;margin:0 0 15px;color:#c3d2dc;line-height:1.7}
.about-page .info-detail-card{background:linear-gradient(145deg,#eef3f6,#dce5eb);border-color:#c6d3dd;color:#102c3e;box-shadow:0 13px 28px rgba(0,0,0,.1)}
.about-page .info-detail-card h3{color:#102c3e;margin-top:15px}
.about-page .info-detail-card p{color:#405b6c}
.about-page .about-step-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#16364b;color:#ffd337;box-shadow:inset 0 1px 0 rgba(255,255,255,.15)}
.about-page .about-step-icon svg{width:28px;height:28px}
.about-page .about-process-photo{margin:28px 0 4px;overflow:hidden;border:1px solid rgba(128,177,218,.22);border-radius:18px;background:#0b1d2b}
.about-page .about-process-photo img{display:block;width:100%;max-height:440px;aspect-ratio:16/6;object-fit:cover;object-position:center 42%}
.about-page .about-process-photo figcaption{padding:13px 19px;color:#bed0dc;font-size:14px;line-height:1.45}
.about-page .about-principles{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);column-gap:28px;align-items:start}
.about-page .about-principles>span,.about-page .about-principles>h2,.about-page .about-principles>.info-detail-list{grid-column:1}
.about-page .about-principles>h2{margin-bottom:4px}
.about-page .about-principles>.info-detail-list{margin-top:12px}
.about-page .about-principles-photo{grid-column:2;grid-row:1/4;align-self:stretch;margin:0;overflow:hidden;border:1px solid rgba(128,177,218,.22);border-radius:18px;background:#0b1d2b}
.about-page .about-principles-photo img{display:block;width:100%;height:calc(100% - 48px);min-height:340px;object-fit:cover;object-position:center}
.about-page .about-principles-photo figcaption{min-height:48px;padding:12px 16px;color:#bed0dc;font-size:14px;line-height:1.4}
@media(max-width:900px){.about-page .about-principles{grid-template-columns:1fr}.about-page .about-principles-photo{grid-column:1;grid-row:auto;margin-top:20px}.about-page .about-principles-photo img{height:auto;max-height:440px;min-height:0;aspect-ratio:16/9}.about-page .about-process-photo img{aspect-ratio:16/8}}
@media(max-width:640px){.about-page .about-process-photo img{aspect-ratio:4/3;max-height:340px}.about-page .about-principles-photo img{aspect-ratio:4/3}.about-page .info-detail-card h3{font-size:22px}}