/* A quiet, accessible green/gold presentation pass. The store owns its own shell. */
@font-face{font-family:"SEA360 Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url("../fonts/manrope-variable.ttf") format("truetype")}
body.sea360-ecosystem .s360pages24{--p24-forest:#063d2c;--p24-ink:#17392c;--p24-muted:#4e6157;--p24-gold:#aa7c20;--p24-line:#dbe4db;--p24-cream:#faf8ef;font-family:"SEA360 Manrope",Arial,"Microsoft YaHei","Yu Gothic","Malgun Gothic",sans-serif;font-size:16px;line-height:1.75;color:var(--p24-ink);background:#fffdf7;isolation:isolate}
body.sea360-ecosystem .s360pages24 *,body.sea360-ecosystem .s360pages24 *:before,body.sea360-ecosystem .s360pages24 *:after{box-sizing:border-box}
body.sea360-ecosystem .s360pages24 :is(h1,h2,h3,h4,p,span,strong,small,a,button,li,summary,dt,dd,address,label,input,select,textarea){font-family:inherit;font-synthesis:none;text-shadow:none}
body.sea360-ecosystem .s360pages24 :is(h1,h2,h3,h4){letter-spacing:-.025em;text-wrap:balance;line-height:1.26;font-weight:750}
body.sea360-ecosystem .s360pages24 :is(h1,h2,h3,h4){color:var(--p24-ink)}
body.sea360-ecosystem .s360pages24 h1{font-size:clamp(32px,3.7vw,56px)}
body.sea360-ecosystem .s360pages24 h2{font-size:clamp(26px,2.5vw,36px)}
body.sea360-ecosystem .s360pages24 h3{font-size:clamp(19px,1.5vw,22px)}
body.sea360-ecosystem .s360pages24 p{color:var(--p24-muted);text-wrap:pretty;overflow-wrap:break-word}
body.sea360-ecosystem .s360pages24 :is(a,button,summary,input,select,textarea):focus-visible{outline:3px solid #b1842c;outline-offset:4px}

/* Native artwork replaces the old facility/staff renderings. Nothing here pretends to be a site photograph. */
body.sea360-ecosystem .s360pages24 .p24-art{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;height:100%;min-height:210px;padding:32px 22px;overflow:hidden;background:radial-gradient(ellipse at 72% 13%,#377d594f,transparent 56%),linear-gradient(145deg,#003b2a,#07513a 57%,#062e24);color:#fff9df;isolation:isolate;object-fit:unset;border:0;text-align:center}
body.sea360-ecosystem .s360pages24 .p24-art:before{content:"";position:absolute;inset:14px;border:1px solid #e5c87944;border-radius:20px 4px 20px 4px;z-index:-1;pointer-events:none}
body.sea360-ecosystem .s360pages24 .p24-art-orbit{position:absolute;inset:23% -15% -75%;border:1px solid #e2c76c4f;border-radius:50%;transform:rotate(-16deg);z-index:-1;box-shadow:0 0 0 22px #dbca8d07,0 0 0 45px #dbca8d05}
body.sea360-ecosystem .s360pages24 .p24-art-top{font-size:10px;font-weight:650;letter-spacing:.16em;color:#eddaa3;line-height:1.5}
body.sea360-ecosystem .s360pages24 .p24-art-symbol{display:flex;align-items:center;justify-content:center;width:94px;height:94px;margin:3px 0 6px;border:1px solid #ddbd62b3;border-radius:28px 7px 28px 7px;background:linear-gradient(145deg,#285e42,#063c2c);color:#f8df98;box-shadow:0 10px 30px #001e1d40}
body.sea360-ecosystem .s360pages24 .p24-art-symbol svg{display:block;width:67px;height:67px;stroke:currentColor}
body.sea360-ecosystem .s360pages24 .p24-art-symbol svg [stroke]{stroke:currentColor}
body.sea360-ecosystem .s360pages24 .p24-art-symbol svg .sea-icon-gold{stroke:#e0bd5c}
body.sea360-ecosystem .s360pages24 .p24-art-brand{position:relative;font-size:clamp(18px,2vw,28px);line-height:1.2;font-weight:800;letter-spacing:-.025em;color:#fff7d5;z-index:1;overflow-wrap:anywhere}
body.sea360-ecosystem .s360pages24 .p24-art-label{position:relative;font-size:13px;line-height:1.6;font-weight:550;color:#dfebdb;z-index:1;max-width:90%}
body.sea360-ecosystem .s360pages24 .p24-art-wave{position:absolute;inset:auto 0 -1px;display:block;width:100%;height:19%;color:#1e6448;z-index:-1}
body.sea360-ecosystem .s360pages24 .p24-art-wave svg{width:100%;height:100%;display:block}

/* Four ecosystem pages share an unmistakable structure and clear contrast. */
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-section{padding:64px 0}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-hero{min-height:530px;background:#f8f6ec}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-hero-inner{min-height:530px;padding:25px 0 54px}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-hero-copy{width:48%;max-width:590px}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-hero-copy h1{max-width:15ch}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-hero-photo{inset:0 0 0 45%;z-index:-2}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-hero:before{background:linear-gradient(90deg,#f8f6ec 0%,#f8f6ec 37%,#f8f6ecdd 45%,#f8f6ec00 59%)}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-hero-photo .p24-art{padding-left:19%;min-height:530px}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-hero-photo .p24-art-symbol{width:140px;height:140px;border-radius:45px 12px 45px 12px}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-hero-photo .p24-art-symbol svg{width:103px;height:103px}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-hero-sign{right:0;bottom:25px;background:#fdfbf3;color:#174e37;border-color:#b79c56;backdrop-filter:none}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-breadcrumb{margin-bottom:46px}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-facts{padding:22px;border:1px solid #d6dfd3;border-radius:20px 5px;background:linear-gradient(120deg,#f7f6eb,#edf4eb);gap:0}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-facts>div:first-child{padding-left:10px}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-facts dt{font-size:34px;color:#0b4a32}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-overview-copy{gap:48px}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-offer-photo{height:200px}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-offer-photo .p24-art{min-height:200px;padding:22px 18px}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-offer-photo .p24-art-top{display:none}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-offer-photo .p24-art-symbol{width:62px;height:62px;border-radius:18px 5px;margin:0}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-offer-photo .p24-art-symbol svg{width:45px;height:45px}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-offer-photo .p24-art-brand{font-size:19px}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-offer-icon{width:42px;height:42px;margin:-48px 0 18px}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-offer-copy{padding:27px 25px}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-feature-grid{gap:48px}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-feature figure>.p24-art{aspect-ratio:1.18;min-height:340px;padding-bottom:80px}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-steps{gap:22px}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-steps li{padding:22px;border:1px solid #dedfcf;border-radius:18px 4px;background:#fffdf5}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-steps li:after{display:none}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-step-number{width:42px;height:42px;margin-bottom:20px;box-shadow:none}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-cta{background:#083d2b;color:#fff8e1}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-cta :is(h2,p,a,button,span,strong){color:#fff8e1}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-cta .s360e22-kicker{color:#e6c570}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-cta .s360e22-btn{background:#efd17e;color:#173d28;border-color:#efd17e}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-cta .s360e22-btn svg{color:#173d28}

/* Story: retain factual dates and editable text, present the journey as an elegant visual timeline. */
body.sea360-ecosystem .s360pages24 .s360-story{font-family:inherit;background:#fffdf7;color:var(--p24-ink)}
body.sea360-ecosystem .s360pages24 .s360-story [data-story-reveal]{opacity:1;transform:none}
body.sea360-ecosystem .s360pages24 .s360-story .story-hero{min-height:490px;background:#073d2c}
body.sea360-ecosystem .s360pages24 .s360-story .story-hero-image.p24-art{position:absolute;inset:0 0 0 48%;width:52%;height:100%;padding-left:8%;min-height:490px}
body.sea360-ecosystem .s360pages24 .s360-story .story-hero-image.p24-art .p24-art-brand{font-size:30px}
body.sea360-ecosystem .s360pages24 .s360-story .story-hero-shade{background:linear-gradient(90deg,#073d2c 8%,#073d2c 36%,#073d2cdd 48%,#073d2c00 70%)}
body.sea360-ecosystem .s360pages24 .s360-story .story-hero-content{min-height:490px;padding-top:76px;padding-bottom:78px;max-width:none}
body.sea360-ecosystem .s360pages24 .s360-story .story-hero-content h1{max-width:15ch;color:#fff8df!important;font-size:clamp(36px,4vw,58px);line-height:1.22}
body.sea360-ecosystem .s360pages24 .s360-story .story-hero-content :is(p,a){color:#e9efdf}
body.sea360-ecosystem .s360pages24 .s360-story .story-hero-lead{max-width:46ch;font-size:16px;line-height:1.8}
body.sea360-ecosystem .s360pages24 .s360-story .story-space{padding-block:68px}
body.sea360-ecosystem .s360pages24 .s360-story .story-opening-grid{gap:50px}
body.sea360-ecosystem .s360pages24 .s360-story .story-opening-photos .p24-art{min-height:240px}
body.sea360-ecosystem .s360pages24 .s360-story .story-detail .p24-art{min-height:180px;padding:20px 10px;gap:6px}
body.sea360-ecosystem .s360pages24 .s360-story .story-detail .p24-art :is(.p24-art-top,.p24-art-label){display:none}
body.sea360-ecosystem .s360pages24 .s360-story .story-detail .p24-art-brand{font-size:17px}
body.sea360-ecosystem .s360pages24 .s360-story .story-detail .p24-art-symbol{width:70px;height:70px}
body.sea360-ecosystem .s360pages24 .s360-story .story-milestone{gap:38px;margin-bottom:28px;padding:20px;border:1px solid #dde4d7;background:#fff;border-radius:24px 5px;box-shadow:0 8px 20px #17392b07}
body.sea360-ecosystem .s360pages24 .s360-story .story-milestone-image{height:auto;min-height:260px;aspect-ratio:1.5;border-radius:18px 4px;overflow:hidden}
body.sea360-ecosystem .s360pages24 .s360-story .story-milestone-image .p24-art{min-height:260px}
body.sea360-ecosystem .s360pages24 .s360-story .story-milestone-image .p24-art-top{display:none}
body.sea360-ecosystem .s360pages24 .s360-story .story-milestone-copy{padding:15px 12px 15px 0}
body.sea360-ecosystem .s360pages24 .s360-story .story-year{font-size:28px;line-height:1.2;font-weight:800;color:#fff8df;background:#062e22db;border:1px solid #d5b66a85;border-radius:10px;padding:10px 14px;left:18px;bottom:18px}
body.sea360-ecosystem .s360pages24 .s360-story .story-more summary{min-height:44px}
body.sea360-ecosystem .s360pages24 .s360-story .story-values-grid article{border:1px solid #dce4d5;background:#fffdf5;border-radius:20px 5px;box-shadow:none}
body.sea360-ecosystem .s360pages24 .s360-story .story-closing{background:#083e2b}
body.sea360-ecosystem .s360pages24 .s360-story .story-closing :is(h2,p,a){color:#fff7df!important}

/* Contact and news carry the same typography, spacing and active surfaces. */
body.sea360-ecosystem .s360pages24 .micro-hero{padding:52px 0;background:#f5f6eb;border-bottom:1px solid #dedfcf}
body.sea360-ecosystem .s360pages24 .micro-hero-layout{gap:45px;align-items:center}
body.sea360-ecosystem .s360pages24 .micro-hero-copy h1,body.sea360-ecosystem .s360pages24 .micro-hero-layout h1{max-width:18ch;margin-block:16px 18px}
body.sea360-ecosystem .s360pages24 .micro-hero .micro-lead{max-width:57ch;font-size:16px;line-height:1.85}
body.sea360-ecosystem .s360pages24 .micro-hero-media{aspect-ratio:1.35;min-height:310px;border:1px solid #c9b175;border-radius:28px 5px;overflow:hidden}
body.sea360-ecosystem .s360pages24 .micro-hero-media .p24-art{min-height:310px}
body.sea360-ecosystem .s360pages24 .section{padding-block:64px}
body.sea360-ecosystem .s360pages24 .corporate-contact-layout{gap:42px;grid-template-columns:1.1fr 1fr}
body.sea360-ecosystem .s360pages24 .corporate-contact-card{padding:24px;border:1px solid #dce4d7;background:#fff;border-radius:16px;box-shadow:0 5px 18px #173c2a06;margin-bottom:14px}
body.sea360-ecosystem .s360pages24 .corporate-contact-card h2{font-size:16px;margin:0 0 6px;color:#516359}
body.sea360-ecosystem .s360pages24 .corporate-contact-card :is(a,address){font-size:16px;line-height:1.8;color:#123e2b;overflow-wrap:anywhere;font-style:normal}
body.sea360-ecosystem .s360pages24 .corporate-contact-card:first-of-type a{font-size:27px;font-weight:750}
body.sea360-ecosystem .s360pages24 .corporate-contact-aside{padding:24px;border:1px solid #dce3d3;border-radius:22px 5px;background:#f4f4e9}
body.sea360-ecosystem .s360pages24 .corporate-contact-aside .editorial-photo{aspect-ratio:1.7;border-radius:16px 4px;overflow:hidden;margin-bottom:24px}
body.sea360-ecosystem .s360pages24 .corporate-contact-aside .editorial-photo .p24-art{min-height:230px}
body.sea360-ecosystem .s360pages24 .corporate-contact-aside :is(h2,p){margin-bottom:12px}
body.sea360-ecosystem .s360pages24 .corporate-operation-grid{gap:18px}
body.sea360-ecosystem .s360pages24 .corporate-enquiry{padding:26px;border:1px solid #dce3d5;border-radius:20px 5px;background:#fff}
body.sea360-ecosystem .s360pages24 .corporate-enquiry h3{font-size:20px;line-height:1.5;margin:16px 0 12px}
body.sea360-ecosystem .s360pages24 .corporate-enquiry p{font-size:14px;line-height:1.85}
body.sea360-ecosystem .s360pages24 .v10-news-card{border:1px solid #dce3d4;border-radius:20px 5px;background:#fff;box-shadow:0 8px 20px #17392b07;overflow:hidden}
body.sea360-ecosystem .s360pages24 .v10-news-card>a{display:block;aspect-ratio:1.5;overflow:hidden}
body.sea360-ecosystem .s360pages24 .v10-news-card>a .p24-art{min-height:240px}
body.sea360-ecosystem .s360pages24 .v10-news-card>div{padding:25px}
body.sea360-ecosystem .s360pages24 .v10-news-card h3{font-size:22px;line-height:1.45;margin:12px 0}
body.sea360-ecosystem .s360pages24 .v10-news-card p{font-size:14px;line-height:1.8}
body.sea360-ecosystem .s360pages24 .v10-news-card time{color:#8b671d;font-size:12px;font-weight:650}
body.sea360-ecosystem .s360pages24 .v10-knowledge-banner{border:1px solid #d9e2d3;border-radius:24px 5px;background:#f6f5eb;overflow:hidden}
body.sea360-ecosystem .s360pages24 .v10-knowledge-banner>.p24-art{min-height:310px}

/* Export catalogue remains a catalogue: clean cards, concise actions and an explicit packaging-design context. */
body.sea360-ecosystem .s360pages24 .s360s-shop{background:#fffdf7}
body.sea360-ecosystem .s360pages24 .s360s-heading{padding-bottom:24px;border-bottom:1px solid #dce3d4;margin-bottom:26px}
body.sea360-ecosystem .s360pages24 .s360s-heading h1{max-width:21ch;font-size:clamp(32px,3.5vw,50px)}
body.sea360-ecosystem .s360pages24 .s360s-card{border:1px solid #dce3d6;border-radius:20px 5px;background:#fff;box-shadow:0 6px 18px #103b2908;overflow:hidden}
body.sea360-ecosystem .s360pages24 .s360s-card-photo{display:block;aspect-ratio:1;overflow:hidden;background:#fff}
body.sea360-ecosystem .s360pages24 .s360s-card-photo img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}
body.sea360-ecosystem .s360pages24 .s360s-card-copy{padding:18px 18px 20px}
body.sea360-ecosystem .s360pages24 .s360s-card-copy h3{font-size:19px;line-height:1.45;min-height:2.9em;margin-block:7px 14px}
body.sea360-ecosystem .s360pages24 .s360s-card-copy h3>a{display:block;min-height:inherit}
body.sea360-ecosystem .s360pages24 .s360s-card-bottom{align-items:center}
body.sea360-ecosystem .s360pages24 .s360s-add{width:44px;height:44px;min-height:44px;border-radius:12px;background:#104a32;color:#fff8de;border:1px solid #104a32}
body.sea360-ecosystem .s360pages24 .s360s-quote-label{color:#76591d;font-size:12px;font-weight:650}
body.sea360-ecosystem .s360pages24 .s360s-note{margin-top:26px;padding:15px 18px;border-left:3px solid #b68c32;border-radius:0 8px 8px 0;background:#f5f2e6;color:#526354;font-size:12px;line-height:1.8}
body.sea360-ecosystem .s360pages24 .s360p-product-hero{background:#fffdf7}
body.sea360-ecosystem .s360pages24 .s360p-main-photo{background:#fff;border:1px solid #dce3d5;border-radius:24px 5px;overflow:hidden}
body.sea360-ecosystem .s360pages24 .s360p-main-photo figcaption{padding:18px 22px;background:#f4f4e9;border-top:1px solid #e1e4d4}
body.sea360-ecosystem .s360pages24 .s360p-main-photo figcaption strong{color:#19452e;font-size:14px}
body.sea360-ecosystem .s360pages24 [data-s360p-image-note]{color:#5d685b;font-size:12px;line-height:1.7}
body.sea360-ecosystem .s360pages24 .s360p-product-summary h1{font-size:clamp(32px,3vw,46px);max-width:20ch}
body.sea360-ecosystem .s360pages24 .s360p-format-option>span{border-radius:12px;font-size:13px;line-height:1.6;min-height:44px}
body.sea360-ecosystem .s360pages24 .s360p-product-summary .s360p-confirmation{font-size:12px;line-height:1.8;color:#60705d}
@media(hover:hover){body.sea360-ecosystem .s360pages24 .s360s-card:hover .s360s-card-photo img{transform:scale(1.035)}}

@media(max-width:1000px){body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-steps{grid-template-columns:repeat(2,minmax(0,1fr))}body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-feature-grid{gap:32px}body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-overview-copy{gap:30px}body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-offer-copy{padding:25px 20px}}
@media(max-width:760px){
body.sea360-ecosystem .s360pages24{font-size:15px}
body.sea360-ecosystem .s360pages24 h1{font-size:32px}
body.sea360-ecosystem .s360pages24 h2{font-size:27px}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-wrap{width:calc(100% - 36px)}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-section{padding:42px 0}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-hero{min-height:0;background:#f7f5ea}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-hero-photo{position:relative;inset:auto;height:210px;margin:0;z-index:0;order:0}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-hero-photo .p24-art{padding:24px 18px;min-height:210px;gap:6px}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-hero-photo .p24-art-symbol{width:72px;height:72px;border-radius:22px 5px;margin:0}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-hero-photo .p24-art-symbol svg{width:53px;height:53px}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-hero:before{display:none}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-hero-inner{min-height:0;padding:22px 0 30px}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-breadcrumb{margin-bottom:22px;font-size:11px}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-hero-copy{width:100%;max-width:none}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-hero-copy h1{max-width:18ch;font-size:32px}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-lead{font-size:15px;line-height:1.8;margin-top:16px}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-eyebrow{margin-bottom:16px;font-size:11px}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-hero-actions{margin-top:22px;gap:12px 20px}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-hero-sign{display:none}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-localnav>.s360e22-wrap{justify-content:flex-start;gap:24px}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-localnav a{min-height:54px;font-size:12px}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-overview-copy{display:block}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-overview-copy>p{padding-top:20px}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-facts{padding:19px 14px;gap:0;margin-top:26px;border-radius:16px}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-facts>div{padding:0 10px}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-facts>div:first-child{padding-left:0}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-facts dt{font-size:25px}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-facts dd{font-size:11px;line-height:1.6}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-offers{display:grid;grid-template-columns:1fr;gap:18px}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-offer{display:grid;grid-template-columns:104px minmax(0,1fr);border-radius:16px;overflow:hidden}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-offer-photo{height:100%;min-height:180px}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-offer-photo .p24-art{height:100%;min-height:180px;padding:10px;gap:8px}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-offer-photo .p24-art:before{inset:8px}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-offer-photo .p24-art :is(.p24-art-brand,.p24-art-label){display:none}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-offer-photo .p24-art-symbol{width:68px;height:68px;border:0;background:none;box-shadow:none}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-offer-photo .p24-art-symbol svg{width:65px;height:65px}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-offer-number{left:8px;top:8px;width:26px;height:26px;font-size:10px}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-offer-copy{padding:22px 18px}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-offer-copy h3{font-size:18px;line-height:1.5;margin-bottom:10px}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-offer-copy p{font-size:13px;line-height:1.8}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-offer-icon{display:none}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-feature-grid{display:flex;flex-direction:column;gap:28px}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-feature figure{width:100%;border-radius:22px 5px}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-feature figure>.p24-art{min-height:290px;aspect-ratio:1.2}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-feature-copy h2{max-width:23ch}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-steps{grid-template-columns:1fr;gap:12px}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-steps li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:0 16px;padding:20px}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-step-number{grid-row:span 2;margin:2px 0 0;width:38px;height:38px;font-size:13px}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-steps h3{font-size:17px;margin-bottom:7px}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-steps p{font-size:13px}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-cta{padding-block:36px}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-cta-grid{gap:24px}
body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-cta h2{font-size:27px;max-width:20ch}
body.sea360-ecosystem .s360pages24 .s360-story .story-space{padding-block:42px}
body.sea360-ecosystem .s360pages24 .s360-story .story-hero{min-height:440px}
body.sea360-ecosystem .s360pages24 .s360-story .story-hero-image.p24-art{inset:auto -45% -85px 10%;height:300px;width:100%;min-height:300px;opacity:.3;padding:20px}
body.sea360-ecosystem .s360pages24 .s360-story .story-hero-image.p24-art :is(.p24-art-brand,.p24-art-label,.p24-art-top){display:none}
body.sea360-ecosystem .s360pages24 .s360-story .story-hero-shade{background:linear-gradient(180deg,#073d2c 5%,#073d2cd9 60%,#073d2c42)}
body.sea360-ecosystem .s360pages24 .s360-story .story-hero-content{min-height:440px;padding-block:56px 64px}
body.sea360-ecosystem .s360pages24 .s360-story .story-hero-content h1{font-size:36px;max-width:15ch}
body.sea360-ecosystem .s360pages24 .s360-story .story-hero-lead{font-size:15px;max-width:34ch}
body.sea360-ecosystem .s360pages24 .s360-story .story-opening-grid{gap:28px}
body.sea360-ecosystem .s360pages24 .s360-story .story-opening-photos{max-height:310px}
body.sea360-ecosystem .s360pages24 .s360-story .story-milestone{display:grid;grid-template-columns:90px minmax(0,1fr);padding:0;gap:0;border-radius:16px;margin-bottom:14px;overflow:hidden}
body.sea360-ecosystem .s360pages24 .s360-story .story-milestone:nth-child(even) .story-milestone-copy{order:0}
body.sea360-ecosystem .s360pages24 .s360-story .story-milestone:nth-child(even) .story-milestone-image{order:0}
body.sea360-ecosystem .s360pages24 .s360-story .story-milestone-image{min-height:180px;aspect-ratio:auto;height:100%;border-radius:0;order:0!important}
body.sea360-ecosystem .s360pages24 .s360-story .story-milestone-image .p24-art{min-height:180px;padding:12px 8px;gap:0}
body.sea360-ecosystem .s360pages24 .s360-story .story-milestone-image .p24-art:before{inset:6px}
body.sea360-ecosystem .s360pages24 .s360-story .story-milestone-image .p24-art :is(.p24-art-brand,.p24-art-label){display:none}
body.sea360-ecosystem .s360pages24 .s360-story .story-milestone-image .p24-art-symbol{width:64px;height:64px;border:0;background:none;box-shadow:none;margin-top:-20px}
body.sea360-ecosystem .s360pages24 .s360-story .story-milestone-image .p24-art-symbol svg{width:56px;height:56px}
body.sea360-ecosystem .s360pages24 .s360-story .story-year{left:10px;right:10px;bottom:20px;padding:6px 3px;border:0;background:none;font-size:21px;text-align:center}
body.sea360-ecosystem .s360pages24 .s360-story .story-milestone-copy{padding:20px 18px;order:0!important}
body.sea360-ecosystem .s360pages24 .s360-story .story-milestone-copy h3{font-size:19px;line-height:1.45}
body.sea360-ecosystem .s360pages24 .s360-story .story-milestone-copy .story-event-icon{display:none}
body.sea360-ecosystem .s360pages24 .s360-story .story-milestone-copy p{font-size:13px;line-height:1.8}
body.sea360-ecosystem .s360pages24 .micro-hero,body.sea360-ecosystem .s360pages24 .section{padding-block:36px}
body.sea360-ecosystem .s360pages24 .micro-hero-layout{display:flex;flex-direction:column;gap:25px}
body.sea360-ecosystem .s360pages24 .micro-hero-media{width:100%;min-height:220px;aspect-ratio:1.6;border-radius:20px 5px}
body.sea360-ecosystem .s360pages24 .micro-hero-media .p24-art{min-height:220px;padding:22px;gap:5px}
body.sea360-ecosystem .s360pages24 .micro-hero-media .p24-art-symbol{width:72px;height:72px}
body.sea360-ecosystem .s360pages24 .micro-hero .micro-lead{font-size:15px;line-height:1.85}
body.sea360-ecosystem .s360pages24 .corporate-contact-layout{display:flex;flex-direction:column;gap:22px}
body.sea360-ecosystem .s360pages24 .corporate-contact-layout>div,body.sea360-ecosystem .s360pages24 .corporate-contact-aside{width:100%}
body.sea360-ecosystem .s360pages24 .corporate-contact-card{padding:20px;margin-bottom:12px}
body.sea360-ecosystem .s360pages24 .corporate-contact-card :is(a,address){font-size:14px}
body.sea360-ecosystem .s360pages24 .corporate-contact-card:first-of-type a{font-size:25px}
body.sea360-ecosystem .s360pages24 .corporate-contact-aside{padding:20px}
body.sea360-ecosystem .s360pages24 .corporate-enquiry{padding:23px}
body.sea360-ecosystem .s360pages24 .v10-news-card>div{padding:22px}
body.sea360-ecosystem .s360pages24 .v10-knowledge-banner>.p24-art{min-height:240px}
body.sea360-ecosystem .s360pages24 .s360s-card{border-radius:14px}
body.sea360-ecosystem .s360pages24 .s360s-card-copy{padding:13px 12px 15px}
body.sea360-ecosystem .s360pages24 .s360s-card-copy h3{font-size:16px;line-height:1.5;min-height:3em;margin-block:5px 10px}
body.sea360-ecosystem .s360pages24 .s360s-card-detail{font-size:12px;line-height:1.7}
body.sea360-ecosystem .s360pages24 .s360s-card-group{font-size:10px}
body.sea360-ecosystem .s360pages24 .s360s-quote-label{font-size:11px}
body.sea360-ecosystem .s360pages24 .s360s-note{font-size:11px;padding:13px 15px}
body.sea360-ecosystem .s360pages24 .s360p-main-photo figcaption{padding:14px 17px}
body.sea360-ecosystem .s360pages24 .s360p-product-summary h1{font-size:30px;max-width:18ch}
}
@media(max-width:360px){body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-offer{grid-template-columns:82px minmax(0,1fr)}body.sea360-ecosystem .s360pages24 .s360e22 .s360e22-offer-copy{padding:19px 14px}body.sea360-ecosystem .s360pages24 .s360-story .story-milestone{grid-template-columns:76px minmax(0,1fr)}body.sea360-ecosystem .s360pages24 .s360-story .story-milestone-copy{padding:18px 14px}}
@media(prefers-reduced-motion:reduce){body.sea360-ecosystem .s360pages24 *,body.sea360-ecosystem .s360pages24 *:before,body.sea360-ecosystem .s360pages24 *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}