:root{--bg:#f5f5ed;--ink:#203a32;--muted:#78827a;--line:#ccd1c6;--paper:#fffef9;--accent:#d9ef7b;--soft:#e9eddf;--dark:#203a32;--white:#f5f5ed}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Hiragino Kaku Gothic ProN","Noto Sans JP",Meiryo,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #778e30;outline-offset:6px}header{height:98px;display:flex;align-items:center;padding:0 4.5%;gap:24px;border-bottom:1px solid var(--line);background:var(--bg);position:relative;z-index:10}.brand{font:italic 60px Georgia;display:flex;align-items:center;gap:12px;line-height:.8}.brand span{font:10px/1.5 sans-serif;letter-spacing:.08em}.brand b{font-size:16px;letter-spacing:-.03em}.brand:hover{opacity:.7}nav{margin-left:auto;display:flex;align-items:center;gap:34px;font-size:14px}.nav-contact{border:1px solid var(--ink);padding:13px 20px;border-radius:30px}.nav-contact span{margin-left:20px}#theme{border:0;background:none;cursor:pointer;font-size:24px;padding:8px}.en{font-size:13px}.hero{padding:30px 4.5% 0;overflow:hidden}.hero-top,.hero-bottom,.section-label{display:flex;justify-content:space-between;align-items:center}.eyebrow,.edition,.hero-bottom,.section-label,.stage-caption,.stage-footer{font-size:11px;letter-spacing:.09em}.eyebrow i{display:inline-block;width:7px;height:7px;background:var(--ink);border-radius:50%;margin-right:9px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:5%;padding:58px 0 56px;align-items:center}h1{font-size:clamp(64px,7.8vw,122px);letter-spacing:-.065em;line-height:1.14;margin:0;font-weight:650}h1 em{font-style:normal;position:relative}h1 em:after{content:"";height:9px;background:var(--accent);position:absolute;bottom:8px;left:0;right:-12px;z-index:-1}p{line-height:1.95;font-size:16px}.hero-copy{margin:28px 0 22px}.circle-link{display:inline-flex;gap:26px;align-items:center;font-size:14px}.circle-link span{width:46px;height:46px;border:1px solid var(--ink);display:grid;place-items:center;border-radius:50%;font-size:23px;transition:.25s}.circle-link:hover span{background:var(--ink);color:var(--bg);transform:rotate(45deg)}.stage{min-height:560px;background:var(--soft);position:relative;border-radius:3px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}.stage-caption{display:flex;justify-content:space-between;color:var(--muted)}.demo{background:var(--paper);width:85%;margin:55px auto 30px;box-shadow:0 22px 40px #203a3215;transform:rotate(-4deg) translateY(calc(var(--travel,0px) * -.2));border:1px solid var(--line);border-radius:12px;transition:transform .15s linear}.demo-top{padding:15px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;font-size:12px}.mini-brand{font:bold italic 24px Georgia}.demo-dot{width:6px;height:6px;background:#89a246;border-radius:50%;margin-left:auto}.demo-body{padding:25px}.tag{font-size:9px;letter-spacing:.08em;color:var(--muted)}.demo h2{font-size:30px;line-height:1.4;letter-spacing:-.045em;margin:12px 0 22px}.question{background:var(--soft);padding:16px 12px;font-size:12px;border-radius:5px;display:flex;justify-content:space-between}.answer{padding:19px 4px 6px}.answer-label{font-size:10px;color:var(--muted)}.answer p{font-size:13px;font-weight:bold;margin:10px 0}.answer div{font-size:12px;margin:10px 0}.answer div span{color:#79964a;margin-right:7px}.sample{font-size:10px;color:var(--muted);display:block;margin-top:18px}.floating-note{position:absolute;z-index:2;background:var(--accent);padding:15px 20px;font-size:12px;box-shadow:0 8px 20px #203a320c}.note-one{top:58px;right:12px;transform:rotate(5deg) translateX(calc(var(--travel,0px) * .15))}.note-two{bottom:83px;left:-22px;transform:rotate(-7deg) translateX(calc(var(--travel,0px) * -.12));background:var(--paper);border:1px solid var(--line)}.stage-footer{display:flex;justify-content:space-between}.hero-bottom{padding:23px 0;border-top:1px solid var(--line);font-size:11px}.section{padding:76px 7% 96px}.section-label{padding-bottom:35px;font-size:11px}.approach{border-top:1px solid var(--line);padding-top:55px}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-top:37px}h2{font-size:clamp(34px,4vw,60px);letter-spacing:-.055em;line-height:1.45;font-weight:600;margin:0}.muted{color:var(--muted)}.approach-copy .large{font-size:21px;margin-top:0}.approach-copy p{font-size:15px}.belief{border-top:1px solid var(--line);margin-top:32px;padding-top:25px;font-size:17px}.belief span{display:block;font-size:9px;letter-spacing:.12em;margin-top:14px}.explore{background:var(--dark);color:var(--white)}.explore h2{margin:24px 0 45px}.explorer{display:grid;grid-template-columns:1fr 1.15fr;gap:7%}.choices{display:flex;flex-direction:column}.choices button{position:relative;text-align:left;border:0;border-top:1px solid #ffffff30;background:transparent;color:#aab7a8;padding:24px 15px 25px 0;cursor:pointer;transition:padding .25s,color .25s}.choices button:last-child{border-bottom:1px solid #ffffff30}.choices small{display:block;font-size:11px;margin-bottom:12px}.choices button span{font-size:25px;line-height:1.55}.choices b{position:absolute;right:8px;top:50%;font-size:25px;font-weight:400}.choices button[aria-selected=true]{color:var(--accent);padding-left:18px;border-left:3px solid var(--accent)}#problem-panel{background:#e8ecdb;color:#203a32;padding:33px;display:flex;flex-direction:column;min-height:410px}.panel-top{display:flex;justify-content:space-between;font-size:10px;gap:10px}#problem-panel h3{font-size:36px;line-height:1.55;letter-spacing:-.04em;margin:36px 0 10px}#problem-panel p{font-size:15px;margin-bottom:28px}#panel-link{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #9ea996;padding:15px 0;font-size:14px;margin-top:auto}.panel-foot{font-size:11px;margin-top:21px;color:#657360}.products-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin:25px 0 50px}.products-heading p{font-size:13px}.product{display:grid;grid-template-columns:55px 1fr auto 55px;gap:20px;align-items:center;border-top:1px solid var(--line);padding:37px 0;transition:padding .3s,background .3s}.product:last-child{border-bottom:1px solid var(--line)}.product:hover{padding-left:18px;padding-right:18px;background:var(--soft)}.product-no{font:italic 22px Georgia;color:var(--muted)}.product h3{font-family:Georgia,serif;font-weight:400;font-size:40px;letter-spacing:-.03em;margin:12px 0}.product p{font-size:14px;margin:0}.product-kind{font-size:11px;border:1px solid var(--line);border-radius:20px;padding:9px 14px}.product-arrow{font-size:32px;text-align:right}.journal{padding-top:15px}.note-card{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.note-cover{background:var(--soft);padding:30px 40px}.note-cover>span{font-size:10px;letter-spacing:.1em}.note-cover h3{font-size:30px;line-height:1.3;font-weight:500;margin:30px 0}.note-cover strong{font:130px/.95 Georgia;letter-spacing:-.06em}.note-cover>div{font-size:12px;border-top:1px solid var(--line);padding-top:20px}.note-info{padding:45px;display:flex;flex-direction:column;justify-content:center}.note-info h3{font-size:32px;line-height:1.5;margin:18px 0 5px}.note-info p{font-size:14px}.note-cta{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;font-size:14px;margin-top:15px}.note-card:hover .note-cta b{transform:translate(4px,-4px)}.note-cta b{transition:.2s}.contact{background:var(--accent);color:#203a32}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;margin-top:32px}.contact p{margin:0 0 28px}.contact-button{display:flex;justify-content:space-between;gap:16px;align-items:center;background:#203a32;color:#f5f5ed;padding:23px 25px;border-radius:3px;font-size:15px;transition:.25s}.contact-button:hover{background:#39574a;transform:translateY(-3px)}.contact small{display:block;font-size:11px;margin-top:15px}footer{padding:50px 4.5% 25px}.footer-brand{display:flex;justify-content:space-between;font:clamp(40px,9.8vw,155px)/1.3 Georgia;letter-spacing:-.055em;border-bottom:1px solid var(--line);padding-bottom:30px}.footer-brand span{font-family:sans-serif;font-weight:300}footer>div{display:flex;justify-content:space-between;font-size:10px;gap:20px;padding-top:25px}.skip{position:fixed;top:-80px;left:10px;z-index:100;padding:15px;background:var(--accent)}.skip:focus{top:10px}.motion-ready .reveal{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}.motion-ready .reveal.visible{opacity:1;transform:none}body.dark{--bg:#182c25;--ink:#eeeee2;--muted:#acb7a7;--line:#3c5146;--paper:#263f34;--soft:#2b4336;--dark:#10231b}body.dark h1 em{color:var(--accent)}@media(min-width:1600px){header,.hero,.section,footer{padding-left:max(7%,calc((100vw - 1440px)/2));padding-right:max(7%,calc((100vw - 1440px)/2))}}@media(max-width:1000px){nav{gap:16px}.edition{display:none}.hero-grid{gap:4%}h1{font-size:80px}.stage{min-height:510px;padding:18px}.demo{width:94%}.demo-body{padding:20px}.note-two{left:-8px;font-size:10px}.floating-note{font-size:10px}.section{padding-left:5%;padding-right:5%}.product-kind{display:none}.product{grid-template-columns:35px 1fr 35px}.products-heading{display:block}.approach-grid{gap:5%}.explorer{gap:4%}.choices button span{font-size:22px}#problem-panel{padding:25px}#problem-panel h3{font-size:29px}.contact-grid{gap:5%}.note-info{padding:30px}}@media(max-width:700px){header{height:78px;gap:10px}.brand{font-size:47px}.brand span{font-size:8px}.brand b{font-size:13px}nav{margin-left:auto}nav>a:not(.nav-contact){display:none}.nav-contact{font-size:12px;padding:10px 13px}.nav-contact span{margin-left:5px}.en{font-size:10px}#theme{font-size:21px;padding:4px}.hero{padding-top:22px}.hero-grid{grid-template-columns:1fr;padding:36px 0;gap:42px}h1{font-size:clamp(65px,14vw,96px);line-height:1.15}.hero-copy{font-size:14px;margin-top:25px}.stage{min-height:505px;margin:0 5px}.demo{max-width:350px;width:85%;margin:45px auto 35px}.demo h2{font-size:27px}.note-one{right:-8px}.note-two{left:-8px}.hero-bottom{font-size:9px;gap:12px}.hero-bottom a{font-size:8px;letter-spacing:.03em}.section{padding:50px 6% 60px}.section-label{font-size:9px;gap:10px;padding-bottom:25px}h2{font-size:35px}.approach-grid,.explorer,.contact-grid,.note-card{grid-template-columns:1fr;gap:30px}.approach-grid{margin-top:15px}.approach-copy .large{font-size:18px}.approach-copy p{font-size:14px}.explore h2{font-size:30px;margin-top:10px}.choices button{padding:15px 5px}.choices button span{font-size:18px}.choices button span br{display:none}.choices small{font-size:10px;margin-bottom:8px}#problem-panel{min-height:370px}#problem-panel h3{font-size:29px;margin-top:25px}.products-heading{margin-top:15px;margin-bottom:30px}.products-heading p{font-size:13px;margin-top:25px}.product{gap:8px;padding:27px 0}.product h3{font-size:30px}.product p{font-size:12px}.product .eyebrow{font-size:8px}.product-no{font-size:17px}.product-arrow{font-size:24px}.product:hover{padding-left:5px;padding-right:5px}.journal{padding-top:0}.note-cover{padding:25px 30px}.note-cover h3{font-size:27px;margin:25px 0}.note-cover strong{font-size:110px}.note-info{padding:28px}.note-info h3{font-size:27px}.contact-grid{margin-top:20px}.contact h2{font-size:34px}.contact p{font-size:14px}footer{padding-top:30px}footer>div{flex-wrap:wrap;font-size:9px}.footer-brand{font-size:12vw}.footer-brand span{font-size:10vw}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.motion-ready .reveal{opacity:1;transform:none}.demo{transform:none}.note-one{transform:rotate(5deg)}.note-two{transform:rotate(-7deg)}}
/* An ark, lit like a small sculpture: a real WebGL scene, not a flat card. */
header{background:#122b24;color:#f1f0df;border-color:#ffffff1c}header .nav-contact{border-color:#758a78}.ark-hero{position:relative;background:#122b24;color:#f1f0df;padding-top:25px;isolation:isolate}.ark-hero .hero-top{position:relative;z-index:2;color:#acbca9}.ark-hero .hero-grid{grid-template-columns:.92fr 1.08fr;gap:0;min-height:680px;padding:45px 0 65px;position:relative;align-items:center}.hero-message{position:relative;z-index:2;pointer-events:none}.hero-message a{pointer-events:auto}.hero-index{display:block;color:#a9b697;font-size:12px;letter-spacing:.15em;margin-bottom:30px}.ark-hero h1{font-size:clamp(52px,6.2vw,99px);line-height:1.28;letter-spacing:-.055em;white-space:nowrap;font-weight:500}.ark-hero h1 em{color:#d9e8a2}.ark-hero h1 em:after{display:none}.ark-hero .hero-copy{font-size:16px;line-height:2.1;color:#bfccba;margin-top:30px}.ark-hero .circle-link span{border-color:#9eaf94}.ark-hero .circle-link:hover span{background:#d9e8a2;color:#122b24}.ark-hero .hero-bottom{border-color:#ffffff25;color:#c0c9b7;position:relative;z-index:2}.ark-hero .eyebrow i{background:#d9e8a2}.ark-stage{position:relative;width:calc(100% + 70px);margin-left:-25px;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;min-width:0;min-height:600px}.ark-stage:before{content:"";position:absolute;inset:5% -5% 0;background:radial-gradient(ellipse at 50% 48%,#b9cd8b15,transparent 67%);pointer-events:none}.ark-caption{display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.07em;color:#9aaa97;position:relative;z-index:2;padding:0 20px}.ark-live{font-size:10px;letter-spacing:.14em;color:#b9c69d}.ark-caption.ark-bottom{font-size:11px;margin-top:18px;padding-bottom:8px}#ark-view{height:480px;width:100%;position:relative;flex:1;min-height:450px;touch-action:pan-y}#ark-view canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:pan-y;position:absolute;inset:0}#ark-view canvas.dragging{cursor:grabbing}#ark-view canvas:focus-visible{outline:1px solid #d9e8a2;outline-offset:-10px;border-radius:10px}.ark-fallback{position:absolute;inset:15%;display:grid;place-content:center;text-align:center;color:#c8d3aa}.ark-fallback svg{width:100%;max-width:340px;fill:#c8d3aa}.ark-fallback .wave{fill:none;stroke:#6e8873}.ark-fallback p{font-size:14px}.ark-ready .ark-fallback{display:none}.ark-unavailable .ark-live{display:none}.ark-controls{display:flex;justify-content:center;align-items:center;gap:12px;position:relative;z-index:3;padding:0 12px}.ark-controls[hidden]{display:none}.ark-controls button{background:#ffffff06;border:1px solid #80937369;color:#dce3cf;border-radius:30px;padding:12px 17px;font-size:12px;cursor:pointer;transition:background .2s,border-color .2s;white-space:nowrap}.ark-controls button:hover{background:#d9e8a21a;border-color:#d9e8a2}.ark-controls button[aria-pressed=true]{background:#d9e8a2;color:#122b24;border-color:#d9e8a2}.ark-controls button span{margin-left:13px}.ark-rotation{display:flex;gap:4px}.ark-rotation button{width:39px;height:39px;padding:0;font-size:23px;line-height:1}.approach{padding-top:70px}.approach-copy .large{font-size:19px}.belief{border-left:2px solid #a9bd68;padding-left:20px}.section-label,.eyebrow,.hero-bottom{font-size:12px}.product .eyebrow{font-size:12px}.choices small,.panel-foot{font-size:12px}.approach-copy p,.products-heading p,.product p,.note-info p{font-size:16px}.product-kind{font-size:12px}.sample,.stage-caption{font-size:12px}
@media(min-width:1500px){.ark-hero .hero-grid{min-height:750px}.ark-stage{min-height:650px}#ark-view{min-height:510px}}@media(max-width:1000px){.ark-hero .hero-grid{min-height:600px}.ark-stage{margin-left:-15px;width:calc(100% + 35px);min-height:510px}#ark-view{min-height:380px;height:400px}.ark-hero h1{font-size:6.6vw}.ark-hero .hero-copy{font-size:14px}.ark-controls{gap:7px}.ark-controls button{font-size:11px;padding:11px}.ark-rotation button{padding:0;width:32px;height:34px}.ark-caption{font-size:10px;padding:0 5px}.ark-live{font-size:9px}.ark-hero .hero-grid{padding-top:35px}}@media(max-width:700px){.ark-hero .hero-grid{display:flex;flex-direction:column;align-items:stretch;padding:35px 0 20px;min-height:0;gap:20px}.ark-hero h1{font-size:clamp(43px,10.5vw,72px);line-height:1.3}.hero-index{margin-bottom:22px;font-size:10px}.ark-hero .hero-copy{font-size:14px;margin-top:20px;margin-bottom:18px}.ark-stage{margin:0 -4%;width:108%;min-height:410px}.ark-caption{font-size:10px;padding:0 5%}.ark-live{font-size:9px}#ark-view{height:335px;min-height:335px;flex:none}.ark-controls{gap:9px}.ark-controls button{font-size:12px;padding:11px 14px}.ark-rotation button{width:36px;height:36px;padding:0;font-size:23px}.ark-caption.ark-bottom{font-size:10px;padding:0 5%;margin-top:17px}.ark-hero .hero-bottom{font-size:10px;line-height:1.6;padding:18px 0}.ark-hero .hero-top{font-size:10px}.ark-hero .hero-top .eyebrow{font-size:10px}.approach-copy .large{font-size:17px}.approach h2{font-size:33px}.section-label{font-size:11px}.product .eyebrow{font-size:10px}.product p{font-size:14px}.ark-hero .circle-link{font-size:13px}.ark-hero .circle-link span{width:38px;height:38px}.ark-hero{padding-top:20px}}@media(max-width:360px){.ark-controls{gap:5px}.ark-controls button{font-size:11px;padding:10px}.ark-rotation button{width:29px;height:32px;padding:0}.ark-hero h1{font-size:40px}}@media(prefers-reduced-motion:reduce){.ark-controls button{transition:none}}
/* The cargo is the product navigation: one selection shared with the explanations. */
.ark-hero .hero-grid{align-items:start}.hero-message{padding-top:65px}.ark-stage{min-height:760px}#ark-view{height:400px;min-height:400px;flex:none}.cargo-hotspot{position:absolute;z-index:2;transform:translate(-50%,-50%);width:44px;height:44px;display:grid;place-items:center;border:1px solid #d9e8a2;color:#e8efd6;background:#16392de8;box-shadow:0 3px 20px #0005;border-radius:50%;font:14px Georgia,serif;cursor:pointer}.cargo-hotspot[hidden]{display:none}.cargo-hotspot[aria-pressed=true]{color:#183428;background:#d9e8a2;box-shadow:0 0 0 5px #d9e8a223}.cargo-hotspot:hover{background:#dae6b6;color:#16392d}.cargo-products{position:relative;z-index:2;margin:22px 18px 0;border-top:1px solid #96aa7c40;padding-top:17px}.cargo-intro{font-size:13px;color:#bdcba9;line-height:1.5;margin:0 0 15px}.cargo-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.cargo-tabs button{background:#ffffff04;color:#d7dfc9;border:1px solid #8ba07350;padding:12px 8px;text-align:left;cursor:pointer;border-radius:3px}.cargo-tabs button span{font-size:11px;display:block;margin-bottom:7px}.cargo-tabs button b{font:14px Georgia,serif}.cargo-tabs button[aria-pressed=true]{color:#142d23;background:#d9e8a2;border-color:#d9e8a2}.cargo-tabs button:hover{border-color:#d9e8a2}.cargo-detail{display:flex;align-items:end;gap:18px;justify-content:space-between;padding:19px 0 7px;min-height:143px}.cargo-detail>div{flex:1}.cargo-detail>div>span{font-size:11px;color:#b4c298}.cargo-detail h2{font:25px/1.4 Georgia,serif;letter-spacing:-.03em;margin:3px 0 7px}.cargo-detail p{font-size:13px;color:#bdcbb7;line-height:1.75;margin:0;max-width:360px}.cargo-detail a{white-space:nowrap;font-size:12px;border-bottom:1px solid #c4d2a2;padding:8px 0;margin-bottom:3px}.ark-hero .hero-grid{padding-bottom:35px}.ark-ready .cargo-hotspot{visibility:visible}.ark-unavailable .cargo-hotspot{display:none}.ark-stage:not(.ark-ready) .cargo-hotspot{visibility:hidden}
@media(min-width:1500px){.ark-stage{min-height:790px}#ark-view{height:445px;min-height:445px}}@media(max-width:1000px){.hero-message{padding-top:55px}.ark-stage{min-height:730px}.cargo-products{margin-left:6px;margin-right:6px}.cargo-tabs button b{font-size:12px}.cargo-tabs button span{font-size:10px}.cargo-detail{display:block}.cargo-detail a{display:inline-block;margin-top:10px}.cargo-detail h2{font-size:23px}}@media(max-width:700px){.hero-message{padding-top:0}.ark-stage{min-height:0}#ark-view{height:355px;min-height:355px}.cargo-products{margin-left:5%;margin-right:5%;margin-top:21px}.cargo-tabs button{padding:12px 7px}.cargo-tabs button span{font-size:10px}.cargo-tabs button b{font-size:12px}.cargo-detail{min-height:159px;padding-top:16px}.cargo-detail p{max-width:none;font-size:14px}.cargo-detail a{font-size:13px}.cargo-intro{font-size:13px}.ark-hero .hero-grid{padding-bottom:24px}}
/* Editorial refinement: a cinematic opening, then a clear product deck. */
:root{--bg:#eeefec;--ink:#1a2825;--muted:#74817b;--accent:#c9e4d7;--soft:#e1e7e1;--dark:#0c1917;--line:#cbd2cc}body{font-family:"Helvetica Neue","Hiragino Kaku Gothic ProN",Meiryo,sans-serif}header{height:85px;padding:0 4%;background:#091613;border-color:#ffffff16;gap:22px}.brand{font-size:47px;gap:14px}.brand b{font-size:19px;letter-spacing:-.045em;font-weight:500}.brand span{line-height:1}nav{font-size:13px;gap:36px}.nav-contact{border-radius:3px;padding:13px 20px;border-color:#a6bcb149}header #theme{font-size:20px}.ark-hero{background:radial-gradient(ellipse at 72% 32%,#234139 0%,#0c1b17 42%,#091613 78%);padding:23px 4% 0;overflow:hidden}.ark-hero .hero-top{color:#879d92;font-size:11px;letter-spacing:.14em}.ark-hero .hero-top .eyebrow{font-size:10px;letter-spacing:.16em}.hero-wordmark{position:absolute;top:50px;left:3.4%;font:500 clamp(110px,23.5vw,390px)/1 "Helvetica Neue",Arial,sans-serif;letter-spacing:-.09em;color:#c9e4d709;white-space:nowrap;pointer-events:none;z-index:0}.ark-hero .hero-grid{grid-template-columns:44% 56%;min-height:650px;padding:60px 0 30px;align-items:center;gap:0}.hero-message{padding:0 0 45px;z-index:3}.hero-index{font-size:9px;letter-spacing:.14em;color:#9aafa1;margin-bottom:29px}.ark-hero h1{font-size:clamp(48px,5.7vw,91px);font-weight:500;letter-spacing:-.07em;line-height:1.3}.ark-hero h1 em{color:#d9e4d5}.ark-hero .hero-copy{font-size:14px;line-height:2.15;color:#9eb3a7;margin:30px 0}.ark-hero .circle-link{font-size:13px;gap:35px}.ark-hero .circle-link span{width:43px;height:43px;border-color:#afc1b255}.ark-stage{width:calc(100% + 80px);margin-left:-35px;min-height:550px;align-self:stretch}.ark-stage:before{display:none}.ark-caption{font-size:10px;color:#8eaa9a;letter-spacing:.11em;padding:0 22px}.ark-live{font-size:9px}#ark-view{height:455px;min-height:455px;flex:1}.ark-controls{justify-content:flex-end;padding:0 30px;gap:7px}.ark-controls button{border-radius:2px;font-size:11px;border-color:#b0c8b831;background:#142b2380;color:#bfcec1;padding:10px 13px}.ark-rotation button{border-radius:50%;width:33px;height:33px;padding:0;font-size:21px}.ark-controls button[aria-pressed=true]{background:#cadfcf;color:#15231c;border-color:#cadfcf}.ark-caption.ark-bottom{font-size:10px;padding:12px 30px 0;color:#738d7e}.cargo-products{margin:0;border-top:1px solid #bbd1bd2c;padding:25px 0 30px;display:grid;grid-template-columns:1.6fr 1fr;gap:13px 65px}.cargo-intro{grid-column:1/-1;font-size:10px;letter-spacing:.16em;color:#799786;margin-bottom:6px}.cargo-tabs{gap:0;border-top:1px solid #9aad9d30;border-bottom:1px solid #9aad9d30}.cargo-tabs button{border:0;border-right:1px solid #9aad9d30;border-radius:0;background:transparent;padding:24px 18px;color:#b2c1b4;position:relative;transition:background .25s,color .25s}.cargo-tabs button:last-child{border-right:0}.cargo-tabs button span{font-size:12px;margin-bottom:18px}.cargo-tabs button b{font:400 clamp(17px,1.65vw,25px)/1.1 Georgia,serif;letter-spacing:-.03em}.cargo-tabs button[aria-pressed=true]{background:#c3dbc50c;color:#e0eadb}.cargo-tabs button:after{content:"";position:absolute;bottom:-1px;left:18px;right:18px;height:2px;background:#cbdfbd;transform:scaleX(0);transform-origin:left;transition:transform .3s}.cargo-tabs button[aria-pressed=true]:after{transform:scaleX(1)}.cargo-detail{padding:0;min-height:0;align-items:center;gap:20px}.cargo-detail>div>span{font-size:10px;color:#9fb499}.cargo-detail h2{font:22px Georgia,serif;margin:7px 0 11px;color:#e3e9da}.cargo-detail p{font-size:13px;line-height:1.8;color:#a0b39f}.cargo-detail a{font-size:11px;border-color:#819975;white-space:nowrap;flex-shrink:0}.ark-hero .hero-bottom{font-size:10px;padding:20px 0;color:#75917f;border-color:#b7cbb423}.ark-hero .hero-bottom a{font-size:10px}.section{padding-top:95px;padding-bottom:110px}.section-label{font-size:10px;letter-spacing:.12em;padding-bottom:40px}h2{font-weight:500;font-size:clamp(34px,4.1vw,64px);line-height:1.45;letter-spacing:-.065em}.approach-grid{gap:10%;margin-top:20px}.approach-copy p{font-size:15px;color:var(--muted)}.approach-copy .large{font-size:19px;color:var(--ink);line-height:1.9}.belief{border-left:0;padding-left:0;font-size:18px}.belief span{margin-top:18px}.explore{background:#11261e;color:#e5eadc}.explore h2{font-size:clamp(33px,3.6vw,53px)}#problem-panel{background:#dce5d5;padding:38px;border-radius:2px}.choices button[aria-selected=true]{border-left:0;padding-left:14px;color:#d2e5bb}.choices button span{font-size:24px;font-weight:400}.choices b{font-size:29px}.products-heading{margin-bottom:70px}.products-heading p{font-size:14px;color:var(--muted)}.product{padding:43px 0;grid-template-columns:65px 1fr auto 70px}.product h3{font-size:clamp(32px,4.1vw,57px);margin:16px 0}.product .eyebrow{font-size:10px;letter-spacing:.14em}.product p{font-size:14px;color:var(--muted)}.product-kind{border:0;border-radius:0;font-size:12px;color:var(--muted)}.product-arrow{font-size:42px;font-weight:300}.product:hover{padding-left:24px;padding-right:24px}.journal{padding-top:0}.note-card{border:0;gap:50px;align-items:center}.note-cover{background:#dfe5dc;padding:35px 40px}.note-info{padding:25px 10px}.note-info h3{font-weight:500;letter-spacing:-.05em}.contact{background:#c9dac0;padding-top:75px;padding-bottom:80px}.contact-button{border-radius:2px;background:#142a20}.footer-brand{font:400 clamp(45px,11vw,175px)/1.2 "Helvetica Neue",Arial,sans-serif;letter-spacing:-.075em;padding-bottom:40px}footer>div{font-size:11px}.cargo-hotspot[aria-pressed=true]{background:#d5e3ce;box-shadow:0 0 0 6px #c1e0c51c}.cargo-hotspot{background:#182d23eb;border-color:#ceddc1;color:#e7ecdf}
@media(min-width:1500px){.ark-hero .hero-grid{min-height:730px}.ark-stage{min-height:620px}#ark-view{height:540px;min-height:540px}}@media(max-width:1000px){.ark-hero .hero-grid{min-height:575px;grid-template-columns:44% 56%;padding-top:45px}.hero-message{padding:0 0 20px}.ark-stage{min-height:505px;width:calc(100% + 35px);margin-left:-10px}#ark-view{height:395px;min-height:395px}.ark-hero h1{font-size:6vw}.hero-index{font-size:8px}.cargo-products{gap:15px 30px;grid-template-columns:1.35fr 1fr}.cargo-tabs button{padding:20px 11px}.cargo-tabs button b{font-size:17px}.cargo-tabs button span{font-size:10px}.cargo-detail{display:block}.cargo-detail h2{font-size:21px}.cargo-detail a{margin-top:10px}.section{padding-top:70px;padding-bottom:80px}.product{grid-template-columns:40px 1fr 35px}.note-card{gap:25px}}@media(max-width:700px){header{height:73px;padding:0 5%;gap:12px}.brand{font-size:39px;gap:9px}.brand b{font-size:15px}nav{gap:0}.nav-contact{padding:10px 11px;font-size:11px}.ark-hero{padding:20px 5% 0}.hero-wordmark{top:70px;font-size:27vw;left:3%}.ark-hero .hero-grid{display:flex;min-height:0;padding:45px 0 20px;gap:28px}.hero-message{padding:0}.hero-index{font-size:9px;margin-bottom:20px}.ark-hero h1{font-size:11vw;line-height:1.3}.ark-hero .hero-copy{font-size:13px;margin:22px 0}.ark-stage{min-height:0;width:110%;margin:0 -5%}.ark-caption{padding:0 5%;font-size:9px}#ark-view{height:340px;min-height:340px;flex:none}.ark-controls{justify-content:center;padding:0 5%}.ark-controls button{font-size:11px}.ark-caption.ark-bottom{font-size:9px;padding:15px 5% 0}.cargo-products{display:block;padding:21px 0 25px}.cargo-intro{font-size:9px;margin-bottom:17px}.cargo-tabs button{padding:21px 8px}.cargo-tabs button span{font-size:10px;margin-bottom:15px}.cargo-tabs button b{font-size:15px}.cargo-detail{padding-top:25px;min-height:175px}.cargo-detail p{font-size:14px;max-width:100%}.cargo-detail h2{font-size:25px}.cargo-detail a{font-size:12px;margin-top:13px}.ark-hero .hero-bottom{font-size:9px}.ark-hero .hero-bottom a{font-size:8px}.section{padding:60px 6% 70px}.section-label{font-size:9px;padding-bottom:25px}.approach-grid{gap:30px}.approach-copy .large{font-size:17px}.products-heading{margin-bottom:35px}.product{padding:30px 0;gap:9px;grid-template-columns:25px 1fr 30px}.product h3{font-size:33px}.product p{font-size:13px}.product .eyebrow{font-size:9px}.product:hover{padding-left:7px;padding-right:7px}.product-arrow{font-size:30px}.note-card{gap:0}.note-info{padding:30px 0}.journal{padding-top:0;padding-bottom:40px}.note-cover{padding:30px}.contact{padding-top:50px;padding-bottom:55px}.footer-brand{font-size:11.8vw}.hero-top .eyebrow{font-size:9px!important}#problem-panel{padding:27px}.cargo-tabs button:after{left:8px;right:8px}}
/* DX: clear cyan signals connect the vessel, product selection, and actions. */
:root{--accent:#8de3e5}.ark-hero{background:radial-gradient(ellipse at 72% 38%,#12353b 0%,#0a1d25 43%,#070f17 80%)}header{background:#070f17}.ark-hero h1 em{color:#b8eff0}.ark-hero .hero-top .eyebrow i{background:#70e5e7;box-shadow:0 0 12px #70e5e790}.hero-index{color:#72cbd2;letter-spacing:.12em}.ark-controls button{border-color:#73ccd43b;background:#10262c9c}.cargo-intro{color:#83cbd1;letter-spacing:.05em}.cargo-tabs button[aria-pressed=true]{background:#57d6e010;color:#dcfcfa}.cargo-tabs button:after{background:#63e0e9;box-shadow:0 0 12px #52d3e558}.cargo-detail>div>span{color:#7bdde1}.cargo-hotspot{border-color:#66dce9;background:#102c37e8;color:#dcffff}.cargo-hotspot[aria-pressed=true]{background:#91eaf0;color:#10212a;box-shadow:0 0 0 6px #55def321,0 0 24px #55def33a}.ark-hero .circle-link span{border-color:#61cbd577}.ark-hero .circle-link:hover span{background:#9ae5ea}.ark-caption{color:#82aab4}.ark-hero .hero-copy{color:#a0b9bd}.cargo-detail p{color:#a6bdc0}.explore{background:#0d242b}.contact{background:#c1e4e0}.contact-button{background:#0c2932}.choices button[aria-selected=true]{color:#a2e6e8}
/* The same deliberate movement continues through every homepage section. */
.section{--section-progress:.5}.section-label{position:relative;padding-top:10px}.section-label:after{content:"";position:absolute;left:0;right:0;bottom:17px;height:1px;background:var(--line);transform:scaleX(calc(.25 + var(--section-progress)*.75));transform-origin:left}.explore .section-label:after{background:#73b8bd50}.motion-ready .section-entrance{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .9s cubic-bezier(.22,1,.36,1)}.motion-ready .section-entrance.entered{opacity:1;transform:none}.approach-grid>h2{transform:translateY(calc((var(--section-progress) - .5)*-65px))!important}.approach-grid>h2 .muted{display:inline-block;color:var(--ink);opacity:calc(.3 + var(--section-progress)*.7)}.products .product{position:relative;isolation:isolate;overflow:hidden;transition:background .4s,padding .45s cubic-bezier(.22,1,.36,1),opacity .7s,transform .9s cubic-bezier(.22,1,.36,1)}.products .product:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#82d9df24,#82d9df06);z-index:-1;transform:translateX(-101%);transition:transform .65s cubic-bezier(.22,1,.36,1)}.products .product:hover:before,.products .product:focus-visible:before{transform:translateX(0)}.products .product:hover{background:transparent}.products .product.reveal:not(.visible){transform:translateX(-40px)}.products .product h3{transition:transform .5s cubic-bezier(.22,1,.36,1)}.products .product:hover h3,.products .product:focus-visible h3{transform:translateX(12px)}.product-arrow{display:inline-block;transition:transform .5s cubic-bezier(.22,1,.36,1)}.product:hover .product-arrow,.product:focus-visible .product-arrow{transform:translate(3px,-5px) rotate(45deg)}.product-no{display:inline-block;transition:color .4s,transform .5s}.product:hover .product-no{color:#1499a7;transform:translateY(-5px)}.note-card{perspective:1000px}.note-cover{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) rotate(calc((var(--section-progress) - .5)*4deg));transition:transform .3s ease,box-shadow .4s;transform-style:preserve-3d}.note-card:hover .note-cover{box-shadow:0 22px 45px #133b381b}.note-cover strong{display:inline-block;transform:translateY(calc((var(--section-progress) - .5)*-24px))}.contact-grid>h2{transform:translateY(calc((var(--section-progress) - .5)*-45px))}.contact-button{position:relative;overflow:hidden;transition:transform .35s,background .35s,box-shadow .35s}.contact-button:hover,.contact-button:focus-visible{transform:translateY(-5px);box-shadow:0 12px 28px #17475329}.contact-button span{transition:transform .4s}.contact-button:hover span{transform:translate(5px,-5px)}.choices button{transition:padding .4s,color .4s,background .4s}.choices button:hover{background:#67c6d008}.choices button b{transition:transform .4s}.choices button[aria-selected=true] b{transform:rotate(45deg)}.footer-brand span{transition:transform .5s}.footer-brand:hover span{transform:translateY(-10px)}
@media(min-width:1000px){.approach-grid{align-items:start}.approach-grid>h2{position:sticky;top:90px}}
@media(max-width:700px){.approach-grid>h2{transform:none!important}.contact-grid>h2{transform:translateY(calc((var(--section-progress) - .5)*-20px))}.product:hover h3{transform:translateX(4px)}}
@media(prefers-reduced-motion:reduce){.motion-ready .section-entrance{opacity:1;transform:none;transition:none}.approach-grid>h2,.contact-grid>h2,.note-cover,.note-cover strong,.products .product,.product h3,.product-arrow,.product-no,.footer-brand span{transform:none!important}.section-label:after{transform:none}.note-cover{transition:none}.contact-button:hover{transform:none}.choices button b{transform:none}}