@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f7f5ef;--ink:#252c24;--muted:#697064;--orange:#c45936;--line:#dddfd3;--green:#2c4034}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.header{height:110px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;gap:9px;align-items:center;font-family:Manrope,sans-serif;font-weight:800;font-size:27px;letter-spacing:-1.3px}.brand-mark{background:var(--orange);color:var(--paper);width:31px;height:31px;border-radius:50%;display:inline-grid;place-items:center;font-size:25px}.au{font-size:10px;letter-spacing:1px;align-self:flex-start;margin-top:6px;margin-left:1px}nav{display:flex;gap:32px;font-size:13px;font-weight:600}nav a:hover{color:var(--orange)}#saved-count{background:#e5e7dd;padding:3px 7px;border-radius:50%;font-size:10px;margin-left:4px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding-block:26px 65px;align-items:center}.eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:700;line-height:1.7}.eyebrow>span{display:inline-block;width:6px;height:6px;background:var(--orange);border-radius:50%;margin-right:8px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(48px,5.6vw,78px);line-height:1.08;letter-spacing:-4px;margin:27px 0}h1 em{font-style:normal;color:var(--orange)}.intro{font-size:16px;line-height:1.8;max-width:360px;color:var(--muted);margin-bottom:30px}.button{display:inline-flex;gap:35px;align-items:center;justify-content:space-between;padding:17px 22px;border:0;border-radius:4px;font-size:12px;font-weight:700;line-height:1.5}.button:hover{transform:translateY(-2px)}.dark{background:var(--ink);color:white}.light{background:var(--paper);color:var(--ink)}.hero-foot{color:var(--muted);font-size:11px;margin:22px 0 0}.hero-art{position:relative;aspect-ratio:1/1.02;background:#e8e6d7;border-radius:5px;overflow:hidden}.hero-art svg{position:absolute;width:100%;height:100%;inset:0;z-index:1}.sun{width:210px;height:210px;background:#eacb85;position:absolute;top:35px;left:33px;border-radius:50%}.travel-stamp{position:absolute;right:24px;top:35px;transform:rotate(8deg);font-size:13px;font-weight:700;line-height:1.25;letter-spacing:2px;border:1px solid #89917b;border-radius:50%;width:119px;height:119px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.travel-stamp span{font-size:7px;letter-spacing:.9px;margin-top:10px}.art-label{position:absolute;bottom:18px;left:23px;font-size:8px;font-weight:600;letter-spacing:2px}.principles{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.principles .wrap{display:flex;justify-content:space-between;gap:20px;padding-block:22px;color:#68725e}.principles span{font-size:20px;display:flex;gap:12px;align-items:center}.principles strong{font-size:11px;font-weight:500;color:var(--ink)}.section{padding-block:75px}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:25px}h2{font-size:clamp(29px,3vw,42px);line-height:1.2;letter-spacing:-1.8px;font-weight:700;margin-bottom:17px}.section-head h2{margin:0}.section-head>p{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:2px}.filters{display:flex;gap:8px;margin:28px 0}.filter{font-size:11px;background:transparent;border:1px solid var(--line);padding:9px 15px;border-radius:30px;color:var(--muted)}.filter.active{background:var(--ink);border-color:var(--ink);color:white}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card[hidden]{display:none}.card-art{position:relative;aspect-ratio:1.1;display:grid;place-items:center;overflow:hidden;border-radius:4px}.tag{position:absolute;top:15px;left:15px;font-size:7px;letter-spacing:.9px}.luggage{background:#e8e4d9}.backpack{background:#dfe3d7}.packing{background:#eadecc}.power{background:#e1e5e4}.case-icon{width:85px;height:121px;background:repeating-linear-gradient(90deg,#c46c46 0,#c46c46 12px,#b65b36 13px,#b65b36 16px);border-radius:12px;box-shadow:7px 8px 0 #c5c1b4;position:relative;transform:rotate(-12deg);margin-top:20px}.case-icon:before{content:'';position:absolute;width:34px;height:28px;border:5px solid #565b4c;border-bottom:0;top:-26px;left:20px;border-radius:6px 6px 0 0}.case-icon:after{content:'';position:absolute;width:10px;height:13px;background:#42473d;border-radius:3px;bottom:-10px;left:9px;box-shadow:55px 0 #42473d}.pack-icon{background:#707d5f;width:102px;height:131px;position:relative;border-radius:35px 35px 20px 20px;transform:rotate(8deg);margin-top:20px;box-shadow:8px 8px #c4cbb7}.pack-icon:before{content:'';position:absolute;width:33px;height:20px;border:5px solid #4c593d;border-bottom:0;left:30px;top:-14px;border-radius:10px 10px 0 0}.pack-icon:after{content:'';position:absolute;width:74px;height:45px;background:#8c987b;bottom:14px;left:14px;border-radius:11px;border-top:3px solid #4d5e3d}.cube-icon{width:119px;height:84px;background:#dd9e73;border:5px solid #bc7b50;border-radius:15px;transform:rotate(-12deg);position:relative;box-shadow:10px 10px #cebba2}.cube-icon:after{content:'';position:absolute;inset:12px;background:repeating-linear-gradient(45deg,transparent 0,transparent 3px,#bc7b5040 4px,#bc7b5040 5px);border-radius:5px}.cube-icon:before{content:'';position:absolute;width:80px;height:50px;background:#627c70;border:4px solid #456154;border-radius:10px;left:50px;top:55px;transform:rotate(20deg)}.adapter-icon{height:91px;width:88px;background:#f6f4ee;border-radius:17px;transform:rotate(-15deg);position:relative;box-shadow:9px 9px #b9c4bd}.adapter-icon:before{content:'';position:absolute;left:23px;top:-22px;width:8px;height:28px;background:#9c9e91;box-shadow:28px 0 #9c9e91}.adapter-icon:after{content:'• •';font-size:32px;font-weight:bold;position:absolute;top:10px;left:19px;color:#4f5b50}.adapter-icon i{position:absolute;background:#5a655b;bottom:17px;left:27px;width:35px;height:8px;border-radius:2px}.card-copy{padding-top:22px}.card h3{font-size:16px;line-height:1.5;letter-spacing:-.4px;margin-bottom:10px}.card-copy>p{font-size:12px;line-height:1.8;color:var(--muted);min-height:65px;margin-bottom:15px}.text-button{background:none;padding:9px 0;border:0;color:var(--ink);font-size:11px;font-weight:700;border-bottom:1px solid #c5cabb;display:inline-flex;gap:20px;align-items:center}.text-button:hover{color:var(--orange)}.fit-section{background:#e9ecdf;padding-block:65px}.fit-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center}.fit-grid>div>p:not(.eyebrow){max-width:330px;color:var(--muted);font-size:13px;line-height:1.9}.fit-grid>div>p.small{font-size:10px}.fit-form{background:var(--paper);padding:30px;border-radius:6px}.form-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.form-heading h3{font-size:16px;margin-bottom:18px}.form-heading>span{font-size:9px;color:var(--muted);margin-bottom:18px}fieldset{padding:0;margin:0 0 20px;border:0}legend{font-size:11px;font-weight:600;margin-bottom:10px}.dimensions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dimensions label{font-size:10px;color:var(--muted)}input[type=number]{display:block;width:100%;margin-top:7px;padding:12px 10px;border:1px solid var(--line);border-radius:3px;background:white;font-size:11px;color:var(--ink)}.fit-form>.button{width:100%;margin-top:4px}.fit-result{font-size:11px;color:var(--muted);line-height:1.7;margin:15px 0 0;min-height:20px}.checklist-section{display:grid;grid-template-columns:1fr 1fr;gap:100px}.checklist-section>div>p:not(.eyebrow){font-size:13px;line-height:1.9;color:var(--muted)}.checklist label{display:flex;align-items:start;gap:15px;border-bottom:1px solid var(--line);padding:18px 0;cursor:pointer;font-size:13px}.checklist label:first-child{padding-top:0}.checklist input{width:18px;height:18px;accent-color:var(--green);flex-shrink:0}.checklist small{display:block;font-size:10px;color:var(--muted);line-height:1.7;margin-top:5px}.checklist input:checked+span{color:var(--muted)}#check-progress{font-size:11px;margin-top:18px;color:var(--green)}.closing{background:var(--green);color:var(--paper);padding:45px 48px;display:flex;justify-content:space-between;align-items:center;gap:25px;border-radius:5px}.closing>span{font-size:80px;color:#c9d3ad}.closing h2{margin:0;flex:1;font-size:35px}.footer{padding-block:40px;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer .brand{font-size:22px}.footer p{font-size:10px;color:var(--muted);margin:0}.footer .brand-mark{width:25px;height:25px;font-size:20px}dialog{background:var(--paper);color:var(--ink);border:0;border-radius:8px;width:min(600px,calc(100% - 32px));padding:40px;max-height:85vh;overflow:auto;box-shadow:0 20px 100px #0004}dialog::backdrop{background:#20281dcc;backdrop-filter:blur(3px)}dialog h2{font-size:30px}dialog p,dialog li{font-size:13px;line-height:1.9;color:var(--muted)}dialog li{margin-bottom:12px}dialog ul{padding-left:20px}dialog a{text-decoration:underline}.close-dialog{position:absolute;top:10px;right:14px;border:0;background:none;font-size:29px;color:var(--ink)}@media(min-width:1500px){.hero{padding-block:35px 75px}}@media(max-width:1000px){.wrap{width:calc(100% - 50px)}.hero{gap:25px}h1{letter-spacing:-3px}.cards{grid-template-columns:repeat(2,1fr);gap:30px}.card-art{aspect-ratio:1.6}.card-copy>p{min-height:0}.fit-grid,.checklist-section{gap:40px}.travel-stamp{width:90px;height:90px;font-size:10px}.sun{width:150px;height:150px}.closing{padding:35px}.footer{flex-wrap:wrap}}@media(max-width:650px){.wrap{width:calc(100% - 36px)}.header{height:83px}.brand{font-size:24px}nav{gap:15px;font-size:10px}nav a:nth-child(2){display:none}.hero{grid-template-columns:1fr;padding-block:15px 35px}.hero-copy{padding-bottom:7px}h1{font-size:56px;letter-spacing:-3px;margin-block:22px}.intro{font-size:14px;max-width:340px}.hero-art{aspect-ratio:1.2}.hero-art svg{transform:scale(.95)}.sun{width:180px;height:180px}.principles .wrap{gap:15px;flex-wrap:wrap;padding-block:16px}.principles span{font-size:16px;gap:8px}.principles strong{font-size:9px}.principles span:last-child{display:none}.section{padding-block:48px}.section-head{display:block}.section-head>p{margin-top:16px;font-size:11px}.section-head>p br{display:none}h2{font-size:29px;letter-spacing:-1.3px}.filters{gap:5px}.filter{font-size:10px;padding:9px 12px}.cards{gap:27px 14px}.card-art{aspect-ratio:1.05}.tag{font-size:6px;left:10px;top:10px}.case-icon,.pack-icon,.cube-icon,.adapter-icon{scale:.78}.card h3{font-size:14px}.card-copy>p{font-size:11px}.text-button{font-size:10px;gap:12px}.card-copy{padding-top:15px}.fit-grid,.checklist-section{grid-template-columns:1fr;gap:26px}.fit-section{padding-block:45px}.fit-grid h2 br{display:none}.fit-grid>div>p:not(.eyebrow){max-width:none}.fit-form{padding:23px 18px}.dimensions{gap:9px}input[type=number]{font-size:10px;padding-inline:8px}.form-heading{align-items:start}.form-heading h3{font-size:14px}.form-heading>span{font-size:8px}.closing{padding:30px 25px;flex-wrap:wrap;gap:20px}.closing>span{font-size:50px}.closing h2{font-size:27px;min-width:150px}.closing>.button{width:100%}.footer{padding-block:30px;gap:20px}.footer p:first-of-type{width:100%;order:2}.footer>p:last-child{font-size:9px}dialog{padding:35px 25px}dialog h2{font-size:26px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button:hover{transform:none}}