.demo-ship{background:var(--demo-background);color:var(--demo-text);min-height:100vh;font-family:var(--demo-body);font-size:16px;line-height:1.5}.demo-ship *{box-sizing:border-box}.demo-ship a{color:inherit;text-decoration:none}.demo-ship button,.demo-ship select{font:inherit}.demo-ship a:focus-visible{outline:2px solid var(--demo-link);outline-offset:5px}.demo-ship h1,.demo-ship h2,.demo-ship h3,.demo-ship p{margin-top:0}.demo-ship h1,.demo-ship h2,.demo-ship h3{font-family:var(--demo-display)}.demo-ship__prototype{background:var(--demo-text);color:var(--demo-background);font:10px var(--demo-mono);letter-spacing:.07em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:20px;padding:8px clamp(20px,4vw,68px);display:flex}.demo-ship__prototype a{text-underline-offset:3px;text-decoration:underline}.demo-ship__header{border-bottom:1px solid var(--demo-text);padding:calc(18px * var(--demo-density)) clamp(20px,4vw,68px);grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;display:grid}.demo-ship__brand{justify-self:start;align-items:center;gap:11px;line-height:.94;display:flex}.demo-ship__brand>span{background:var(--demo-action);width:42px;height:42px;color:var(--demo-action-text);font-family:var(--demo-mono);letter-spacing:-.1em;border-radius:var(--demo-radius);place-items:center;font-size:14px;display:grid}.demo-ship__brand strong{letter-spacing:-.05em;font-size:15px;font-weight:750;line-height:.88}.demo-ship__header nav{gap:clamp(15px,2vw,34px);font-size:12px;font-weight:650;display:flex}.demo-ship__header nav a:hover,.demo-ship__footer a:hover,.demo-ship__text-link:hover{color:var(--demo-link);text-underline-offset:4px;text-decoration:underline}.demo-ship__header-cta{border:1px solid var(--demo-text);border-radius:var(--demo-radius);justify-self:end;align-items:center;gap:24px;padding:10px 15px;font-size:11px;font-weight:700;transition:background .18s,color .18s;display:flex}.demo-ship__header-cta:hover{background:var(--demo-text);color:var(--demo-background)}.demo-ship__hero{border-bottom:1px solid var(--demo-text);padding:0 clamp(20px,4vw,68px)}.demo-ship__hero-label,.demo-ship__hero-bottom{padding:calc(20px * var(--demo-density)) 0;font:10px var(--demo-mono);text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;gap:20px;display:flex}.demo-ship__hero-label{border-bottom:1px solid var(--demo-text)}.demo-ship__hero-main{min-height:590px;padding:calc(55px * var(--demo-density)) 0;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);align-items:center;gap:clamp(25px,5vw,100px);display:grid}.demo-ship__hero-main h1{letter-spacing:-.085em;text-wrap:balance;max-width:1000px;margin:0 0 28px;font-size:clamp(62px,9.5vw,166px);font-weight:500;line-height:.91}.demo-ship__hero-main h1 em{font-style:italic;font-weight:400}.demo-ship__hero-main h1>span{color:var(--demo-link)}.demo-ship__hero-main p{max-width:490px;color:var(--demo-muted);margin:0 0 32px;font-size:clamp(16px,1.6vw,22px);line-height:1.5}.demo-ship__hero-actions{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.demo-ship__button{background:var(--demo-action);border-radius:var(--demo-radius);justify-content:space-between;align-items:center;gap:35px;padding:15px 18px;font-size:12px;font-weight:750;transition:transform .2s cubic-bezier(.16,1,.3,1);display:inline-flex;color:var(--demo-action-text)!important}.demo-ship__button:hover{transform:translateY(-3px)}.demo-ship__button span{font-size:19px;line-height:1}.demo-ship__text-link{text-underline-offset:4px;font-size:12px;font-weight:700;text-decoration:underline!important}.demo-ship__hero-mark{height:min(34vw,500px);min-height:300px;font-family:var(--demo-display);letter-spacing:-.16em;color:var(--demo-action-text);grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;font-weight:700;line-height:.75;display:grid;position:relative;transform:rotate(-9deg)}.demo-ship__hero-mark:before{content:"";background:var(--demo-action);clip-path:polygon(0 12%,65% 0,100% 76%,29% 100%);border-radius:var(--demo-radius);position:absolute;inset:0}.demo-ship__hero-mark span{font-size:clamp(100px,15vw,230px);position:relative}.demo-ship__hero-mark span:first-child{place-self:start;transform:translate(12%,17%)}.demo-ship__hero-mark span:nth-child(2){font:clamp(80px,11vw,170px) var(--demo-display);justify-self:end;transform:translate(-18%,10%)}.demo-ship__hero-mark span:last-child{grid-column:2;place-self:end center;transform:translate(-20%,-4%)}.demo-ship__home-directions,.demo-ship__home-method,.demo-ship__home-final{padding:calc(clamp(70px,9vw,145px) * var(--demo-density)) clamp(20px,4vw,68px);border-bottom:1px solid var(--demo-text)}.demo-ship__section-head{grid-template-columns:180px minmax(0,1fr) minmax(170px,.35fr);align-items:start;gap:30px;margin-bottom:60px;display:grid}.demo-ship__section-head>span,.demo-ship__home-method>span,.demo-ship__home-final>span,.demo-ship__page-header>span,.demo-ship__detail-body>div:first-child>span,.demo-ship__method-steps article>span{font:10px var(--demo-mono);text-transform:uppercase;letter-spacing:.08em}.demo-ship__section-head h2{letter-spacing:-.06em;max-width:800px;margin:0;font-size:clamp(42px,5vw,80px);font-weight:500;line-height:.96}.demo-ship__section-head p{color:var(--demo-muted);margin:0;font-size:14px;line-height:1.7}.demo-ship__direction-list{grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,50px);display:grid}.demo-ship__direction-card{min-width:0;display:block}.demo-ship__direction-meta{border-top:1px solid var(--demo-text);font:10px var(--demo-mono);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;gap:14px;padding:14px 0;display:flex}.demo-ship__direction-caption{border-bottom:1px solid var(--demo-text);justify-content:space-between;align-items:baseline;gap:20px;padding:18px 0;display:flex}.demo-ship__direction-caption h2,.demo-ship__direction-caption h3{letter-spacing:-.055em;margin:0;font-size:clamp(28px,3vw,43px);font-weight:500;line-height:1.03}.demo-ship__direction-caption>span{font-size:24px;transition:transform .2s}.demo-ship__direction-card:hover .demo-ship__direction-caption>span{transform:translate(4px,-4px)}.demo-ship__direction-card>p{color:var(--demo-muted);margin:13px 0 0;font-size:13px;line-height:1.6}.demo-ship__visual{height:clamp(300px,31vw,520px);font-family:var(--demo-body);border-radius:var(--demo-radius);flex-direction:column;padding:clamp(16px,2vw,32px);transition:filter .2s;display:flex;position:relative;overflow:hidden}.demo-ship__direction-card:hover .demo-ship__visual{filter:saturate(1.08)}.demo-ship__visual-top{font:9px var(--demo-mono);letter-spacing:.08em;z-index:1;justify-content:space-between;display:flex;position:relative}.demo-ship__visual--project{background:color-mix(in srgb,var(--demo-action) 22%,var(--demo-surface));color:var(--demo-text)}.demo-ship__project-layout{background:var(--demo-background);box-shadow:0 16px 45px color-mix(in srgb,var(--demo-text) 18%,transparent);border-radius:4px;grid-template-columns:80px 1fr;gap:25px;min-height:89%;margin-top:15px;padding:20px;display:grid;transform:rotate(-2deg)translateY(8px)}.demo-ship__project-layout aside{border-right:1px solid var(--demo-surface);font:9px var(--demo-mono);flex-direction:column;gap:15px;padding-top:20px;display:flex}.demo-ship__project-layout aside span:first-child{font-weight:700}.demo-ship__project-layout>div{padding:clamp(14px,2vw,34px) 5px}.demo-ship__project-layout small{font:8px var(--demo-mono);letter-spacing:.08em;display:block}.demo-ship__project-layout strong{letter-spacing:-.07em;margin:20px 0 10px;font-size:clamp(21px,3vw,47px);font-weight:550;line-height:.96;display:block}.demo-ship__project-layout p{color:var(--demo-muted);font-size:10px;line-height:1.5}.demo-ship__project-input{background:var(--demo-surface);border-radius:3px;justify-content:space-between;gap:12px;margin:18px 0 12px;padding:10px;font-size:10px;display:flex}.demo-ship__project-input b{background:var(--demo-action);color:var(--demo-action-text);border-radius:2px;padding:3px 6px;font-size:9px}.demo-ship__visual--booking{background:var(--demo-text);color:var(--demo-background)}.demo-ship__booking-head{max-width:85%;margin:auto 0;padding:clamp(18px,3vw,48px) 0 8px}.demo-ship__booking-head small{font:9px var(--demo-mono);text-transform:uppercase}.demo-ship__booking-head strong{font:400 clamp(30px,4.3vw,70px)/.98 var(--demo-display);letter-spacing:-.07em;margin:14px 0;display:block}.demo-ship__booking-head p{color:var(--demo-background);font-size:10px}.demo-ship__booking-dates{grid-template-columns:repeat(4,1fr);gap:6px;width:100%;max-width:430px;margin-bottom:14px;display:grid}.demo-ship__booking-dates span{text-align:center;border:1px solid var(--demo-background);font:9px var(--demo-mono);border-radius:3px;padding:8px 2px}.demo-ship__booking-dates b{font:600 17px var(--demo-display)}.demo-ship__booking-dates .active{background:var(--demo-action);color:var(--demo-action-text);border-color:var(--demo-action)}.demo-ship__booking-bottom{border-top:1px solid var(--demo-background);font:9px var(--demo-mono);justify-content:space-between;padding-top:12px;display:flex}.demo-ship__booking-bottom b{color:var(--demo-action)}.demo-ship__home-method{grid-template-columns:180px 1fr;gap:30px;display:grid}.demo-ship__home-method>div{max-width:950px}.demo-ship__home-method h2,.demo-ship__home-final h2{letter-spacing:-.073em;margin-bottom:36px;font-size:clamp(55px,7.3vw,118px);font-weight:500;line-height:.92}.demo-ship__home-method p{max-width:630px;color:var(--demo-muted);margin-bottom:28px;font-size:18px;line-height:1.6}.demo-ship__home-final{grid-template-columns:180px 1fr minmax(200px,.4fr);align-items:start;gap:30px;min-height:550px;display:grid}.demo-ship__home-final h2{margin:0}.demo-ship__home-final p{color:var(--demo-muted);margin:0;font-size:16px;line-height:1.6}.demo-ship__home-final .demo-ship__button{grid-column:2/-1;justify-self:start}.demo-ship__footer{grid-template-columns:1fr minmax(200px,.55fr) 130px;gap:50px;min-height:340px;padding:70px clamp(20px,4vw,68px) 40px;display:grid}.demo-ship__footer-wordmark{font-family:var(--demo-display);letter-spacing:-.075em;font-size:clamp(54px,6vw,90px);font-weight:600;line-height:.85}.demo-ship__footer-wordmark span{color:var(--demo-link)}.demo-ship__footer div:nth-child(2){max-width:320px}.demo-ship__footer p{color:var(--demo-muted);font-size:13px;line-height:1.65}.demo-ship__footer div:nth-child(2) a{text-underline-offset:4px;font-size:12px;font-weight:700;text-decoration:underline}.demo-ship__footer div:last-child{flex-direction:column;gap:11px;font-size:12px;display:flex}.demo-ship__footer div:last-child span{font:10px var(--demo-mono);text-transform:uppercase;margin-bottom:10px}.demo-ship__inner-page{padding:50px clamp(20px,4vw,68px) 130px}.demo-ship__page-header{padding:calc(35px * var(--demo-density)) 0 calc(80px * var(--demo-density));max-width:1050px}.demo-ship__page-header>span{margin-bottom:30px;display:block}.demo-ship__page-header h1{letter-spacing:-.08em;margin:0 0 30px;font-size:clamp(60px,8.5vw,140px);font-weight:500;line-height:.92}.demo-ship__page-header p{max-width:600px;color:var(--demo-muted);font-size:18px;line-height:1.6}.demo-ship__back{text-underline-offset:4px;margin-top:20px;font-size:12px;display:inline-block;text-decoration:underline!important}.demo-ship__detail .demo-ship__page-header{padding-bottom:55px}.demo-ship__detail>.demo-ship__visual{height:clamp(490px,65vw,950px)}.demo-ship__detail .demo-ship__visual--project .demo-ship__project-layout{grid-template-columns:140px 1fr;width:85%;max-width:900px;min-height:100%;margin:25px auto 0;padding:30px}.demo-ship__detail .demo-ship__project-layout strong{font-size:clamp(50px,6vw,100px)}.demo-ship__detail .demo-ship__project-layout p{font-size:16px}.demo-ship__detail .demo-ship__project-input{max-width:500px;font-size:14px}.demo-ship__detail .demo-ship__visual--booking .demo-ship__booking-head{max-width:75%;margin:auto 12%}.demo-ship__detail .demo-ship__booking-head strong{font-size:clamp(65px,8vw,130px)}.demo-ship__detail .demo-ship__booking-head p{font-size:16px}.demo-ship__detail .demo-ship__booking-dates{max-width:760px;margin-bottom:30px;margin-left:12%}.demo-ship__detail .demo-ship__booking-dates span{padding:20px;font-size:14px}.demo-ship__detail .demo-ship__booking-dates b{font-size:30px}.demo-ship__detail .demo-ship__booking-bottom{font-size:13px}.demo-ship__detail-body{border-bottom:1px solid var(--demo-text);grid-template-columns:1fr 1fr;gap:40px;padding:75px 0;display:grid}.demo-ship__detail-body h2{letter-spacing:-.06em;margin:18px 0;font-size:clamp(42px,5vw,80px);font-weight:500;line-height:.96}.demo-ship__detail-body>div:last-child{max-width:540px}.demo-ship__detail-body p{color:var(--demo-muted);font-size:17px;line-height:1.65}.demo-ship__detail-body ol{counter-reset:demo-step;margin:30px 0;padding:0;list-style:none}.demo-ship__detail-body li{counter-increment:demo-step;border-top:1px solid var(--demo-text);padding:16px 0;font-size:16px}.demo-ship__detail-body li:before{content:"0" counter(demo-step) " / ";font:10px var(--demo-mono);margin-right:20px}.demo-ship__detail-body .demo-ship__fineprint{font-size:12px}.demo-ship__detail-next{flex-wrap:wrap;gap:30px;padding:28px 0;font-size:13px;font-weight:700;display:flex}.demo-ship__detail-next a{text-underline-offset:4px;text-decoration:underline}.demo-ship__flow{padding:calc(95px * var(--demo-density)) 0;border-bottom:1px solid var(--demo-text);grid-template-columns:minmax(230px,.68fr) minmax(0,1fr);gap:clamp(30px,6vw,110px);display:grid}.demo-ship__flow-intro>span{font:10px var(--demo-mono);text-transform:uppercase;letter-spacing:.08em}.demo-ship__flow-intro h2{letter-spacing:-.065em;margin:18px 0 25px;font-size:clamp(42px,5vw,80px);font-weight:500;line-height:.96}.demo-ship__flow-intro p{max-width:410px;color:var(--demo-muted);font-size:16px;line-height:1.65}.demo-ship__flow-panel{background:var(--demo-surface);border-radius:var(--demo-radius);min-height:410px;padding:clamp(22px,3vw,48px)}.demo-ship__flow-progress{border-bottom:1px solid var(--demo-muted);font:10px var(--demo-mono);text-transform:uppercase;color:var(--demo-muted);justify-content:space-between;gap:10px;padding-bottom:25px;display:flex}.demo-ship__flow-progress .is-active{color:var(--demo-text);font-weight:700}.demo-ship__flow-step{padding-top:35px}.demo-ship__flow-step h3{letter-spacing:-.05em;margin-bottom:22px;font-size:clamp(27px,3vw,42px);font-weight:500;line-height:1.1}.demo-ship__flow-step fieldset{border:0;margin:0 0 28px;padding:0}.demo-ship__flow-step legend,.demo-ship__flow-step>label{margin-bottom:12px;font-size:12px;font-weight:700;display:block}.demo-ship__flow-step fieldset label{border:1px solid var(--demo-muted);border-radius:var(--demo-radius);cursor:pointer;align-items:center;gap:11px;margin-top:6px;padding:12px 14px;font-size:14px;display:flex}.demo-ship__flow-step fieldset label.is-selected{border-color:var(--demo-text);background:var(--demo-background)}.demo-ship__flow-step input[type=radio]{accent-color:var(--demo-text);width:16px;height:16px}.demo-ship__flow-step>label input{border:1px solid var(--demo-muted);border-radius:var(--demo-radius);background:var(--demo-background);width:100%;color:var(--demo-text);margin-top:7px;padding:13px;font-size:15px;display:block}.demo-ship__flow-step>label input:focus-visible,.demo-ship__flow-step button:focus-visible{outline:2px solid var(--demo-link);outline-offset:3px}.demo-ship__flow-step button{border:1px solid var(--demo-text);border-radius:var(--demo-radius);background:var(--demo-text);color:var(--demo-background);cursor:pointer;padding:12px 15px;font-size:12px;font-weight:700}.demo-ship__flow-step button span{margin-left:22px}.demo-ship__flow-step button.is-secondary{color:var(--demo-text);background:0 0}.demo-ship__flow-buttons{flex-wrap:wrap;gap:10px;display:flex}.demo-ship__flow-step dl{border-top:1px solid var(--demo-muted);grid-template-columns:130px 1fr;margin:0 0 30px;display:grid}.demo-ship__flow-step dt,.demo-ship__flow-step dd{border-bottom:1px solid var(--demo-muted);margin:0;padding:13px 0;font-size:14px}.demo-ship__flow-step dt{font:10px var(--demo-mono);text-transform:uppercase;color:var(--demo-muted)}.demo-ship__flow-done>span{background:var(--demo-action);color:var(--demo-action-text);border-radius:50%;place-items:center;width:56px;height:56px;margin-bottom:22px;font-size:26px;display:grid}.demo-ship__flow-done p{color:var(--demo-muted);font-size:15px;line-height:1.6}.demo-ship__method-steps{border-top:1px solid var(--demo-text)}.demo-ship__method-steps article{border-bottom:1px solid var(--demo-text);grid-template-columns:180px 1fr minmax(210px,.42fr);gap:30px;padding:40px 0;display:grid}.demo-ship__method-steps h2{letter-spacing:-.06em;max-width:650px;margin:0;font-size:clamp(34px,4vw,58px);font-weight:500;line-height:1.03}.demo-ship__method-steps p{color:var(--demo-muted);margin:0;font-size:14px;line-height:1.65}.demo-ship__method-end{justify-content:space-between;align-items:end;gap:30px;padding-top:100px;display:flex}.demo-ship__method-end h2{letter-spacing:-.06em;max-width:650px;margin:0;font-size:clamp(40px,5vw,76px);font-weight:500}@media (max-width:980px){.demo-ship__header{grid-template-columns:1fr auto}.demo-ship__header nav{grid-area:2/1/auto/-1;justify-content:space-between}.demo-ship__hero-main{grid-template-columns:1fr minmax(200px,.5fr);min-height:500px}.demo-ship__hero-main h1{font-size:clamp(62px,9vw,110px)}.demo-ship__section-head{grid-template-columns:120px 1fr}.demo-ship__section-head p{grid-column:2}.demo-ship__home-final{grid-template-columns:120px 1fr}.demo-ship__home-final p,.demo-ship__home-final .demo-ship__button{grid-column:2}.demo-ship__method-steps article{grid-template-columns:120px 1fr}.demo-ship__method-steps p{grid-column:2}.demo-ship__flow{grid-template-columns:1fr}.demo-ship__flow-intro p{max-width:650px}}@media (max-width:680px){.demo-ship__prototype{font-size:9px}.demo-ship__prototype span{max-width:175px}.demo-ship__header{padding-top:16px;padding-bottom:16px}.demo-ship__header nav{white-space:nowrap;gap:22px;padding:5px 0;overflow:auto}.demo-ship__header-cta{gap:8px;padding:9px;font-size:10px}.demo-ship__hero-label span:last-child,.demo-ship__hero-bottom span:last-child{display:none}.demo-ship__hero-main{padding:65px 0 35px;display:block}.demo-ship__hero-main h1{font-size:clamp(56px,13vw,88px)}.demo-ship__hero-main p{font-size:16px}.demo-ship__hero-actions{gap:18px}.demo-ship__hero-mark{width:210px;height:210px;min-height:0;margin:45px auto 10px}.demo-ship__hero-mark span{font-size:100px}.demo-ship__hero-mark span:nth-child(2){font-size:80px}.demo-ship__section-head,.demo-ship__home-method,.demo-ship__home-final{display:block}.demo-ship__section-head>span,.demo-ship__home-method>span,.demo-ship__home-final>span{margin-bottom:25px;display:block}.demo-ship__section-head p{margin-top:25px}.demo-ship__direction-list{grid-template-columns:1fr;gap:46px}.demo-ship__visual{height:390px}.demo-ship__home-method h2,.demo-ship__home-final h2{font-size:clamp(51px,11vw,80px)}.demo-ship__home-method p{font-size:16px}.demo-ship__home-final p{margin-bottom:25px}.demo-ship__footer{grid-template-columns:1fr 1fr;gap:40px}.demo-ship__footer-wordmark{grid-column:1/-1}.demo-ship__page-header h1{font-size:clamp(57px,12vw,86px)}.demo-ship__detail>.demo-ship__visual{height:540px}.demo-ship__detail .demo-ship__visual--project .demo-ship__project-layout{grid-template-columns:65px 1fr;width:100%;padding:15px}.demo-ship__detail .demo-ship__project-layout strong{font-size:42px}.demo-ship__detail .demo-ship__project-layout p{font-size:12px}.demo-ship__detail .demo-ship__visual--booking .demo-ship__booking-head{margin:auto 0}.demo-ship__detail .demo-ship__booking-head strong{font-size:59px}.demo-ship__detail .demo-ship__booking-head p{font-size:13px}.demo-ship__detail .demo-ship__booking-dates{margin-left:0}.demo-ship__detail .demo-ship__booking-dates span{padding:12px 2px;font-size:10px}.demo-ship__detail .demo-ship__booking-dates b{font-size:20px}.demo-ship__detail-body{grid-template-columns:1fr;gap:20px}.demo-ship__method-steps article{grid-template-columns:1fr;gap:15px}.demo-ship__method-steps p{grid-column:1}.demo-ship__method-end{flex-direction:column;align-items:flex-start}}@media (max-width:380px){.demo-ship__hero-main h1{font-size:52px}.demo-ship__header nav{font-size:11px}.demo-ship__footer{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.demo-ship__header-cta,.demo-ship__button,.demo-ship__direction-caption>span,.demo-ship__visual{transition:none}.demo-ship__button:hover,.demo-ship__direction-card:hover .demo-ship__direction-caption>span{transform:none}}