:root{--navy:#061c48;--coral:#ff665c;--cream:#fffaf1;--ink:#091e44;--paper:#fffaf1}body{background:#fffaf1;color:#091e44;font-family:Arial,Helvetica,sans-serif}.preview-strip{background:#071b42;color:#a7c9df;padding:9px 5%;font-size:10px;letter-spacing:1.3px}.preview-strip a{color:#fff}.site-header{background:#fffaf1f5;border-bottom:1px solid #e9dfd2;padding:14px 5%;backdrop-filter:blur(16px)}.site-header .logo img{width:190px;height:76px;object-fit:contain}.site-header nav{font-size:13px}.button{background:#ff665c;color:#fff;border-radius:50px;padding:18px 27px;font-size:13px;box-shadow:0 7px 22px #ff665c18}.button:hover{background:#e64c49;transform:translateY(-2px)}.button.small{padding:14px 22px}.button.light{background:#fffaf1;color:#061c48}.section{padding:95px 6%}.eyebrow{font-size:10px;letter-spacing:2px}h2{font-size:clamp(38px,4.2vw,65px);letter-spacing:-2px;line-height:1.08}h2 em{color:inherit}p{line-height:1.8}.hero{display:block;isolation:isolate;position:relative;min-height:760px;padding:95px 6% 120px;background:#041d3c url('assets/ocean-hero.webp') center 51%/cover no-repeat;color:#fff;overflow:hidden}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#02142be6 0%,#02142b99 35%,#02142b00 70%)}.hero:after{content:'';position:absolute;bottom:-47px;left:-5%;width:112%;height:90px;background:#fffaf1;border-radius:50% 50% 0 0;transform:rotate(-2deg)}.hero-copy{max-width:690px;position:relative}.hero .eyebrow{color:#ffc3af}.hero .eyebrow i{background:#ff7c6c}.hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(60px,6.3vw,102px);line-height:.99;letter-spacing:-4px;margin:26px 0}.hero h1 em{color:#fff0df;font-style:italic}.hero-copy>p{font-size:16px;line-height:1.8;max-width:425px;color:#dfebf2}.hero-actions{margin-top:30px;gap:26px}.hero .text-link{color:#fff;font-size:12px}.hero-location{color:#c7e0e8;font-size:11px;margin-top:35px}.hero-scroll{position:absolute;right:6%;bottom:86px;color:white;font-size:9px;letter-spacing:2px;text-decoration:none;display:flex;gap:20px;align-items:center}.hero-scroll span{font-size:26px}.hero-coordinate{position:absolute;right:6%;top:45%;text-align:right;font-size:8px;letter-spacing:2px;line-height:2.1;color:#e2edf3}.capability-ribbon{background:#fffaf1;color:#0b2d58;border-bottom:1px solid #dfded3;padding:30px 6%;font-size:10px;letter-spacing:1.5px;gap:25px}.capability-ribbon b{color:#fa6a5d}.intro{background:#fffaf1;position:relative}.intro h2{font-size:clamp(35px,4vw,61px)}.intro p{font-size:15px;color:#536078}.intro>.eyebrow{color:#cf594e}.capabilities{background:linear-gradient(150deg,#e9f3ed,#f9f4e9 55%,#e5f2f8);border-radius:70% 8% 0 0 / 35px 20px 0 0}.section-heading p{font-size:14px}.service-tabs{gap:0;border-bottom:1px solid #b9ccd0;margin-top:38px}.service-tabs button{padding:22px 20px;border-radius:12px 12px 0 0;font-size:15px;border:0;color:#234563;background:transparent}.service-tabs button>span{display:block;font-family:Georgia,serif;font-size:47px;line-height:1.2;margin-bottom:15px;color:#3b7488}.service-tabs button[aria-selected=true]{background:#071e48;color:white}.service-tabs button[aria-selected=true]>span{color:#ff9984}.service-panel{padding-top:40px}.service-copy h3{font-size:40px;line-height:1.1}.service-copy>p{font-size:14px}.service-copy li{font-size:13px}.service-copy .text-link{font-size:13px}.service-visual{border-radius:20px;background:#ffffff99;border:1px solid #bdd3d7;padding:28px}.workflow>div{background:#fffaf1;border:1px solid #cfddd8;border-radius:10px}.workflow strong{font-size:14px}.workflow small{font-size:11px}.workflow-ai{background:#f9d9c8!important}.visual-eyebrow{font-size:9px}.visual-note{font-size:11px}.work{background:#fffaf1}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.work-featured{grid-row:auto}.work-image,.work-featured .work-image{height:330px;border-radius:18px;padding:32px 20px 0;overflow:hidden;align-items:flex-start;background:#dfece6}.work-card:nth-child(2) .work-image{background:#e0eaf2}.work-card:nth-child(3) .work-image{background:#0a2745}.work-image img,.work-featured .work-image>img{width:100%;height:auto;max-height:none;border-radius:6px;box-shadow:0 15px 25px #071b4220}.image-tag{font-size:7px;left:20px;top:15px}.work-text h3{font-size:30px;line-height:1.12}.work-text p{font-size:13px}.work-text small{font-size:10px}.work-filters button{border-radius:20px;font-size:11px}.work-disclosure{font-size:10px}.turnkey{background:linear-gradient(125deg,#061b43,#063d65);color:#fff;position:relative;overflow:hidden;border-radius:0 0 55% 10% / 0 0 35px 15px}.turnkey:before{content:'';position:absolute;width:600px;height:600px;border:1px solid #69bfd02b;border-radius:50%;right:-140px;top:-200px;box-shadow:0 0 0 50px #69bfd009,0 0 0 100px #69bfd009;pointer-events:none}.turnkey h2 em{color:#ffae93}.turnkey-intro>p{font-size:14px}.launch-map{background:#ffffff0b;border:1px solid #ffffff25;border-radius:18px;position:relative}.launch-grid h3{font-size:17px}.launch-grid p{font-size:12px;color:#c6d9e6}.map-heading{font-size:8px}.launch-bottom p{font-size:11px}.beyond{background:#fffaf1}.beyond p,details>p{font-size:13px}summary{font-size:15px}.pacific-story{background:#041a3d;color:#fff;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:40px;position:relative;overflow:hidden}.pacific-copy h2 em{color:#ffa994}.pacific-copy>p{font-size:14px;max-width:480px;color:#c8deeb}.pacific-story .eyebrow{color:#85c8de}.global-values{display:flex;gap:20px;flex-wrap:wrap;font-size:10px;margin:28px 0;color:#cae6ee}.pacific-copy .text-link{color:#ffad96;font-size:12px}.pacific-map{position:relative}.pacific-map svg{width:100%;height:auto}.map-caption{font-size:8px;letter-spacing:2px;color:#88b8cf;display:block;text-align:center}.approach{background:#eef4ee}.process h3{font-size:29px}.process p{font-size:13px}.engagement{background:#fffaf1}.engagement-grid article{background:#f1eee4;border-radius:14px;padding:30px}.engagement p{font-size:13px}.engagement .scope-note{font-size:10px}.faq{background:#f3f4e9}.closing{background:#071d42 url('assets/ocean-hero.webp') center 39%/cover;color:#fff;isolation:isolate;position:relative;overflow:hidden}.closing:before{content:'';position:absolute;inset:0;background:#04152cc9;z-index:-1}.closing h2{font-size:clamp(52px,6vw,90px);position:relative}.closing h2 em{color:#ffc5ac}.closing p{font-size:15px;color:#d5e6ee}.closing-mark{display:none}.site-footer{background:#fffaf1;padding:45px 6%}.site-footer p{font-size:12px}.site-footer nav{font-size:12px}.footer-bottom{font-size:11px}.footer-bottom small{font-size:9px}.mobile-start{background:#ff665c;border-radius:30px}.brief-layout aside{background:#edf3ef}.brief-step>h3,#brief-result>h3{font-size:34px}.brief-options b{font-size:13px}.brief-options small{font-size:11px}.case-content>p,.case-story p{font-size:14px}dialog{border-radius:20px}.route{stroke-dasharray:700;stroke-dashoffset:700;animation:connect 3s ease forwards}.origin-halo{transform-origin:328px 220px;animation:pulse 3s ease-in-out infinite}@keyframes connect{to{stroke-dashoffset:0}}@keyframes pulse{50%{opacity:.4;transform:scale(1.2)}}
@media(min-width:1500px){.hero{min-height:850px;padding-top:120px}.hero-copy{max-width:760px}}@media(max-width:1000px){.site-header nav{gap:18px;font-size:11px}.hero h1{font-size:72px}.hero{min-height:720px}.project-grid{gap:16px}.work-image,.work-featured .work-image{height:260px}.pacific-story{gap:10px}.service-tabs button{font-size:13px;padding:18px 12px}}
@media(max-width:700px){.preview-strip{font-size:7px;letter-spacing:.6px;gap:12px;padding:8px 5%}.site-header{padding:9px 5%}.site-header .logo img{width:144px;height:58px}.site-header nav.open{background:#fffaf1}.section{padding:60px 6%}.hero{min-height:810px;padding:55px 6% 210px;background-position:65% center}.hero:before{background:linear-gradient(180deg,#02142bba,#02142b88 50%,#02142b11)}.hero h1{font-size:clamp(53px,13.5vw,78px);letter-spacing:-2.5px;line-height:1.01;margin:24px 0}.hero-copy>p{font-size:14px;max-width:320px}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}.hero-actions{align-items:flex-start;flex-direction:column;gap:22px}.hero .button{font-size:12px;padding:17px 24px}.hero-location{font-size:10px;margin-top:27px}.hero-coordinate{display:none}.hero-scroll{bottom:70px;right:6%;font-size:7px}.capability-ribbon{font-size:7px;gap:14px;padding:25px 6%;flex-wrap:wrap;justify-content:center}.capability-ribbon b{font-size:12px}h2,.intro h2{font-size:39px;letter-spacing:-1.4px}.intro p{font-size:13px}.eyebrow{font-size:8px;letter-spacing:1.3px}.section-heading p{font-size:13px}.service-tabs{margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:7px;border:0}.service-tabs button{border:1px solid #baccc8;border-radius:12px;text-align:left;min-height:110px;font-size:12px;padding:14px}.service-tabs button>span{font-size:28px;margin-bottom:5px}.service-panel{padding-top:28px}.service-copy h3{font-size:33px}.service-copy>p,.service-copy li{font-size:12px}.service-visual{padding:20px 14px}.visual-eyebrow{font-size:7px}.workflow strong{font-size:13px}.workflow small{font-size:10px}.visual-note{font-size:10px}.project-grid{grid-template-columns:1fr;gap:35px}.work-image,.work-featured .work-image{height:340px;padding:32px 20px 0}.work-text h3{font-size:30px}.work-text p{font-size:13px}.work-disclosure{font-size:10px}.turnkey h2{font-size:41px}.turnkey-intro>p{font-size:13px}.launch-grid h3{font-size:15px}.launch-grid p{font-size:11px}.map-heading{font-size:7px}.pacific-story{grid-template-columns:1fr;gap:20px}.pacific-copy h2{font-size:39px}.pacific-copy>p{font-size:13px}.pacific-map{margin:0 -5%}.global-values{gap:15px;font-size:9px}.beyond h2,.faq h2{font-size:39px}.beyond p,details>p{font-size:12px}summary{font-size:13px}.process{gap:28px 20px}.process h3{font-size:26px}.process p{font-size:12px}.engagement h3{font-size:28px}.engagement p{font-size:13px}.closing{padding-bottom:75px;background-position:70% 40%}.closing h2{font-size:51px}.closing p{font-size:13px}.site-footer{padding-bottom:110px}.site-footer nav{font-size:11px}.footer-bottom{font-size:10px}.footer-bottom small{font-size:9px}.brief-options b{font-size:12px}.brief-options small{font-size:10px}.brief-step>h3,#brief-result>h3{font-size:29px}.case-content>p,.case-story p{font-size:12px}.button{font-size:12px}.hero .hero-location .location-mark{font-size:16px}}
@media(prefers-reduced-motion:reduce){.route{stroke-dashoffset:0;animation:none}.origin-halo{animation:none}}