/* Three independent photo-led studies. Every rule is confined to its brand. */
.nx-koyo{--koyo-ink:#3d2c22;--koyo-paper:#fbf6ed;--koyo-accent:#a34c2d;--koyo-rule:#d9cbbc;color:var(--koyo-ink);background:var(--koyo-paper)}
.nx-roam{--roam-ink:#151b1a;--roam-lime:#dbe945;--roam-rule:#cbd0cd;color:var(--roam-ink);background:#fff}
.nx-paw{--paw-ink:#433b35;--paw-cream:#fbf4e9;--paw-orange:#ae4a2e;--paw-rule:#d9cabc;color:var(--paw-ink);background:var(--paw-cream)}
.nx-koyo :is(.koyo-shop,.koyo-shop legend),.nx-roam :is(.roam-lab,.roam-lab legend),.nx-paw :is(.paw-comparison,.paw-comparison legend){margin:0;padding:0;border:0;min-width:0}
.nx-koyo .koyo-sr-only,.nx-roam .roam-sr-only,.nx-paw .paw-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.nx-koyo :is(.koyo-kicker,.koyo-hero-image figcaption,.koyo-product figcaption),.nx-paw :is(.paw-kicker,.paw-portrait figcaption,.paw-style figcaption span){font-size:12px;line-height:1.6;letter-spacing:.1em}
.nx-koyo :is(.koyo-hero,.koyo-shelf,.koyo-afterword),.nx-roam :is(.roam-hero,.roam-planner,.roam-end),.nx-paw :is(.paw-hero,.paw-compare,.paw-closing){padding-left:max(36px,calc((100% - 1360px)/2));padding-right:max(36px,calc((100% - 1360px)/2))}
.nx-koyo :is(a,button),.nx-paw :is(a,button){transition:background-color .18s,color .18s,border-color .18s}
.nx-koyo :is(.koyo-hero a,.koyo-afterword a),.nx-roam :is(.roam-hero-note a,.roam-end a),.nx-paw :is(.paw-hello a,.paw-closing a){display:inline-flex;align-items:center;min-height:44px;font-size:14px;text-decoration:underline;text-underline-offset:6px}

/* KOYO: an airy bakery front, an open shelf, and a receipt-like basket. */
.nx-koyo .koyo-hero{display:grid;grid-template-columns:.86fr 1.14fr;gap:54px;padding-top:55px;padding-bottom:64px;align-items:center}
.nx-koyo .koyo-hero-copy{padding:20px 0}
.nx-koyo .koyo-hero h1{margin:33px 0 20px;font:400 clamp(48px,5.4vw,86px)/1.35 var(--nx-serif);letter-spacing:-.04em}
.nx-koyo .koyo-hero-english{font:400 clamp(25px,2.4vw,36px)/1.25 var(--nx-serif);letter-spacing:-.025em;color:var(--koyo-accent)}
.nx-koyo .koyo-hero-intro{margin:27px 0 28px;font-size:16px;line-height:2}
.nx-koyo .koyo-hero a{gap:25px}
.nx-koyo .koyo-hero-image{align-self:stretch;display:flex;flex-direction:column;min-width:0}
.nx-koyo .koyo-hero-image img{width:100%;height:100%;min-height:600px;object-fit:cover;object-position:50% 52%}
.nx-koyo .koyo-hero-image figcaption{display:flex;justify-content:space-between;gap:15px;padding-top:13px;color:#786859}
.nx-koyo .koyo-shelf{padding-top:70px;padding-bottom:90px;border-top:1px solid var(--koyo-rule)}
.nx-koyo .koyo-section-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;column-gap:36px;row-gap:15px;margin-bottom:45px}
.nx-koyo .koyo-section-heading .koyo-kicker{grid-column:1/-1}
.nx-koyo .koyo-section-heading h2{font:400 clamp(30px,3.2vw,48px)/1.55 var(--nx-serif);letter-spacing:-.025em}
.nx-koyo .koyo-section-heading>p:last-child{justify-self:end;font-size:16px;line-height:1.9}
.nx-koyo .koyo-shop{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:38px;align-items:start}
.nx-koyo .koyo-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.nx-koyo .koyo-product{min-width:0}
.nx-koyo .koyo-product img{width:100%;aspect-ratio:4/5;object-fit:cover}
.nx-koyo .koyo-product:nth-child(2){padding-top:42px}
.nx-koyo .koyo-product:nth-child(3){padding-top:84px}
.nx-koyo .koyo-product figcaption{padding-top:12px;min-height:51px;color:#7a6757;letter-spacing:.04em}
.nx-koyo .koyo-product-copy{padding:12px 0 22px}
.nx-koyo .koyo-product h3{font:400 21px/1.6 var(--nx-serif);letter-spacing:-.02em}
.nx-koyo .koyo-product-copy p{font-size:16px;line-height:1.95;margin-top:12px}
.nx-koyo .koyo-product-bottom{padding-top:18px;border-top:1px solid var(--koyo-rule)}
.nx-koyo .koyo-product-bottom>p{font:400 25px/1.3 var(--nx-serif)}
.nx-koyo .koyo-product-bottom>p span{display:block;font:400 12px/1.7 var(--nx-sans);margin-top:6px;color:#776354}
.nx-koyo .koyo-quantity{display:flex;align-items:flex-end;gap:5px;margin-top:19px}
.nx-koyo .koyo-quantity button{width:44px;min-height:44px;flex:0 0 44px;padding:6px;font-size:20px;border-color:var(--koyo-rule)}
.nx-koyo .koyo-quantity label{display:block;flex:1;min-width:0;font-size:14px}
.nx-koyo .koyo-quantity label>span{display:block;margin-bottom:4px}
.nx-koyo .koyo-quantity select{width:100%;font-size:14px;min-width:0;padding:10px 5px;border-color:var(--koyo-rule);background:#fffaf2}
.nx-koyo .koyo-basket{padding:25px 25px 22px;background:#f1e6d6;position:sticky;top:30px}
.nx-koyo .koyo-basket-head{position:relative;padding-bottom:20px;border-bottom:1px solid #cdbda9}
.nx-koyo .koyo-basket-head>p{font-size:12px;letter-spacing:.1em}
.nx-koyo .koyo-basket-head h3{font:400 26px/1.5 var(--nx-serif);margin-top:9px}
.nx-koyo .koyo-basket-head>span{display:inline-block;font-size:14px;margin-top:10px}
.nx-koyo :is(.koyo-basket-items,.koyo-dialog-items){list-style:none;padding:0;margin:20px 0}
.nx-koyo :is(.koyo-basket-items,.koyo-dialog-items) li{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin:14px 0;font-size:14px;line-height:1.8}
.nx-koyo :is(.koyo-basket-items,.koyo-dialog-items) strong{font-weight:400;white-space:nowrap}
.nx-koyo .koyo-basket-items li.koyo-empty{font-size:16px}
.nx-koyo .koyo-delivery{display:block;font-size:14px;padding-top:16px;border-top:1px solid #cdbda9}
.nx-koyo .koyo-delivery select{display:block;width:100%;margin-top:8px;font-size:14px;background:#fffaf2;border-color:#cdbda9}
.nx-koyo .koyo-delivery-note{font-size:12px;line-height:1.85;margin:13px 0 24px;color:#746252}
.nx-koyo :is(.koyo-total,.koyo-dialog-totals){margin:0}
.nx-koyo :is(.koyo-total,.koyo-dialog-totals)>div{display:flex;justify-content:space-between;gap:15px;font-size:14px;margin:10px 0}
.nx-koyo :is(.koyo-total,.koyo-dialog-totals) dd{margin:0}
.nx-koyo .koyo-total .koyo-grand-total{border-top:1px solid #cdbda9;padding-top:16px;margin-top:20px;align-items:center;font-size:16px}
.nx-koyo .koyo-grand-total dd{font:400 31px/1.3 var(--nx-serif)}
.nx-koyo .koyo-check{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin-top:23px;font-size:14px;background:var(--koyo-ink);color:#fff9ef;border-color:var(--koyo-ink)}
.nx-koyo .koyo-check:hover:not(:disabled){background:var(--koyo-accent);border-color:var(--koyo-accent)}
.nx-koyo .koyo-clear{font-size:14px;padding:10px 0;border:0;text-decoration:underline;text-underline-offset:4px}
.nx-koyo .koyo-local-note{font-size:12px;line-height:1.85;color:#746252;min-height:44px}
.nx-koyo .koyo-afterword{padding-top:82px;padding-bottom:90px;background:#ead9c4;display:grid;grid-template-columns:1.15fr 1fr;column-gap:70px;row-gap:22px}
.nx-koyo .koyo-afterword>.koyo-kicker{grid-column:1/-1}
.nx-koyo .koyo-afterword h2{font:400 clamp(34px,4.2vw,60px)/1.55 var(--nx-serif);letter-spacing:-.025em}
.nx-koyo .koyo-afterword>p:not(.koyo-kicker){font-size:16px;line-height:2;align-self:center;max-width:500px}
.nx-koyo .koyo-afterword>a{grid-column:2}
.nx-koyo .koyo-dialog{width:650px;background:var(--koyo-paper);color:var(--koyo-ink);border-color:var(--koyo-rule)}
.nx-koyo .koyo-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}
.nx-koyo .koyo-dialog-top button{font-size:14px}
.nx-koyo .koyo-dialog h2{font:400 32px/1.5 var(--nx-serif);margin:25px 0 16px}
.nx-koyo .koyo-dialog-lead{font-size:16px}
.nx-koyo .koyo-dialog-totals{border-top:1px solid var(--koyo-rule);padding-top:16px}
.nx-koyo .koyo-dialog-totals>div:last-child{font-size:20px}
.nx-koyo .koyo-dialog-note{font-size:14px;line-height:1.9;border-top:1px solid var(--koyo-rule);margin-top:25px;padding-top:19px}

/* ROAM: a technical field spread and a working capacity dashboard. */
.nx-roam .roam-hero{padding-top:30px;padding-bottom:36px}
.nx-roam .roam-hero-top{display:flex;justify-content:space-between;gap:20px;padding-bottom:25px;font-size:12px;line-height:1.6;letter-spacing:.08em}
.nx-roam .roam-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:35px}
.nx-roam .roam-hero-copy{display:flex;flex-direction:column;justify-content:space-between;padding:12px 0 20px}
.nx-roam .roam-hero h1{font:700 clamp(56px,6.1vw,96px)/.98 var(--nx-sans);letter-spacing:-.065em}
.nx-roam .roam-hero h1 span{color:#6a736d}
.nx-roam .roam-hero-note{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-top:28px}
.nx-roam .roam-hero-note p{font-size:20px;line-height:1.65;font-weight:700;letter-spacing:-.025em}
.nx-roam .roam-hero-image{display:flex;flex-direction:column;min-width:0}
.nx-roam .roam-hero-image img{width:100%;height:100%;min-height:610px;object-fit:cover;object-position:center}
.nx-roam .roam-hero-image figcaption{display:flex;justify-content:space-between;gap:15px;padding-top:12px;font-size:12px;letter-spacing:.04em}
.nx-roam .roam-hero-foot{display:flex;justify-content:space-between;gap:24px;align-items:center;border-top:1px solid var(--roam-rule);margin-top:30px;padding-top:22px}
.nx-roam .roam-hero-foot>span{font-size:12px;letter-spacing:.12em}
.nx-roam .roam-hero-foot p{font-size:14px;line-height:1.9;max-width:650px}
.nx-roam .roam-planner{padding-top:78px;padding-bottom:85px;background:#f3f5f0}
.nx-roam .roam-planner-heading{display:grid;grid-template-columns:1.15fr 1fr;column-gap:60px;row-gap:22px;margin-bottom:45px;align-items:end}
.nx-roam .roam-planner-heading>p{grid-column:1/-1;font-size:12px;letter-spacing:.1em}
.nx-roam .roam-planner h2{font:700 clamp(38px,4.1vw,62px)/1.05 var(--nx-sans);letter-spacing:-.06em}
.nx-roam .roam-planner-heading>div>p{font-size:16px;line-height:1.9}
.nx-roam .roam-planner-heading .roam-study-note{margin-top:14px;font-size:14px;line-height:1.9;color:#525d53;max-width:540px}
.nx-roam .roam-lab{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}
.nx-roam .roam-use-heading h3,.nx-roam .roam-checklist-heading h3,.nx-roam .roam-breakdown h3{font-size:16px;line-height:1.7}
.nx-roam .roam-use-heading p{font-size:12px;line-height:1.9;color:#556054;margin-top:4px}
.nx-roam .roam-use{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:8px;margin:15px 0 35px}
.nx-roam .roam-use button{font-size:16px;line-height:1.4;font-weight:700;letter-spacing:-.035em;padding:15px 8px;border-color:var(--roam-rule)}
.nx-roam .roam-use button span{display:block;font-size:14px;line-height:1.7;font-weight:400;letter-spacing:0;margin-top:5px}
.nx-roam .roam-use button[aria-pressed=true]{background:var(--roam-ink);color:#fff;border-color:var(--roam-ink)}
.nx-roam .roam-use button:hover:not(:disabled){border-color:var(--roam-ink)}
.nx-roam .roam-checklist-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding-bottom:12px}
.nx-roam .roam-checklist-heading>span{font-size:12px;color:#556054}
.nx-roam .roam-checklist{border-top:1px solid var(--roam-rule)}
.nx-roam .roam-item{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:15px;min-height:77px;padding:12px 0;border-bottom:1px solid var(--roam-rule);cursor:pointer}
.nx-roam .roam-item input{margin:0;accent-color:var(--roam-ink)}
.nx-roam .roam-item-name strong{font-size:16px;font-weight:400;line-height:1.7}
.nx-roam .roam-item-name small{display:block;font-size:12px;color:#667064;letter-spacing:.06em}
.nx-roam .roam-item-data{text-align:right;font-size:16px;font-weight:700;white-space:nowrap}
.nx-roam .roam-item-data small{display:block;font-size:14px;font-weight:400;color:#667064}
.nx-roam .roam-capacity{display:block;margin-top:29px;font-size:16px}
.nx-roam .roam-capacity>span:first-child{display:flex;justify-content:space-between;align-items:center;gap:20px}
.nx-roam .roam-capacity output{font-size:24px;font-weight:700;letter-spacing:-.03em}
.nx-roam .roam-capacity input{display:block;width:100%;margin:10px 0 0;accent-color:var(--roam-ink)}
.nx-roam .roam-range-ends{display:flex;justify-content:space-between}
.nx-roam .roam-range-ends small{font-size:12px}
.nx-roam .roam-reset{border:0;padding:10px 0;font-size:14px;text-decoration:underline;text-underline-offset:5px;margin-top:10px}
.nx-roam .roam-dashboard{background:var(--roam-ink);color:#fff;padding:32px;position:sticky;top:28px}
.nx-roam .roam-dashboard-top{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff36;padding-bottom:19px;font-size:12px;line-height:1.7;letter-spacing:.035em}
.nx-roam .roam-dashboard-top>span{text-align:right;color:#e1eabc}
.nx-roam .roam-volume{display:flex;align-items:center;gap:17px;margin-top:22px}
.nx-roam .roam-volume>output{font-size:clamp(75px,7.5vw,114px);font-weight:700;line-height:1.12;letter-spacing:-.075em;color:var(--roam-lime);font-variant-numeric:tabular-nums}
.nx-roam .roam-volume>span{font-size:25px;line-height:1.4}
.nx-roam .roam-volume small{font-size:14px;color:#c6cec5}
.nx-roam .roam-meter{display:block;appearance:none;width:100%;height:21px;margin-top:18px;border:0;border-radius:0;background:#3d453b}
.nx-roam .roam-meter::-webkit-meter-bar{height:21px;border:0;border-radius:0;background:#3d453b}
.nx-roam .roam-meter::-webkit-meter-optimum-value{background:var(--roam-lime);border-radius:0}
.nx-roam .roam-meter::-moz-meter-bar{background:var(--roam-lime)}
.nx-roam .roam-dashboard[data-overflow=true] .roam-meter::-webkit-meter-optimum-value{background:#f3a278}
.nx-roam .roam-dashboard[data-overflow=true] .roam-meter::-moz-meter-bar{background:#f3a278}
.nx-roam .roam-meter-labels{display:flex;justify-content:space-between;font-size:12px;color:#c6cec5;margin-top:7px}
.nx-roam .roam-fit{display:grid;grid-template-columns:1fr auto;column-gap:12px;row-gap:3px;margin:22px 0 25px}
.nx-roam .roam-fit p{font-size:14px;color:#d9e4c1}
.nx-roam .roam-fit strong{font-size:24px;line-height:1.5;font-weight:700;grid-column:1;letter-spacing:-.035em}
.nx-roam .roam-fit>span{font-size:14px;color:#c6cec5;grid-column:2;grid-row:2;align-self:center}
.nx-roam .roam-dashboard[data-overflow=true] .roam-fit :is(p,strong){color:#f3a278}
.nx-roam .roam-metrics{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ffffff36;border-bottom:1px solid #ffffff36;padding:17px 0;margin:0}
.nx-roam .roam-metrics>div+div{border-left:1px solid #ffffff36;padding-left:24px}
.nx-roam .roam-metrics dt{font-size:12px;color:#c6cec5}
.nx-roam .roam-metrics dd{margin:7px 0 0;display:flex;align-items:baseline;gap:8px;font-size:35px;line-height:1.3;font-weight:700;letter-spacing:-.035em}
.nx-roam .roam-metrics dd span{font-size:14px;font-weight:400}
.nx-roam .roam-breakdown{margin-top:24px}
.nx-roam .roam-data-bar{display:flex;height:19px;gap:3px;margin:12px 0 17px;background:#30382f}
.nx-roam .roam-data-bar>span{min-width:0}
.nx-roam [data-category=water]{background:#dae749}.nx-roam [data-category=jacket]{background:#9cb16f}.nx-roam [data-category=meal]{background:#e4bc8e}.nx-roam [data-category=towel]{background:#ef9168}.nx-roam [data-category=camera]{background:#9aafbc}.nx-roam [data-category=sleep]{background:#bc9ac0}.nx-roam [data-category=shelter]{background:#c4c2b5}
.nx-roam .roam-breakdown ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 22px}
.nx-roam .roam-breakdown li{display:flex;align-items:center;gap:8px;font-size:14px;line-height:1.7}
.nx-roam .roam-breakdown li>i{width:10px;height:10px;flex:0 0 10px}
.nx-roam .roam-breakdown li>strong{font-size:12px;font-weight:400;color:#c6cec5;margin-left:auto;white-space:nowrap}
.nx-roam .roam-breakdown li.roam-empty{grid-column:1/-1;font-size:16px}
.nx-roam .roam-meter-note{font-size:12px;line-height:1.85;color:#c6cec5;margin-top:22px}
.nx-roam .roam-review{display:flex;justify-content:space-between;gap:15px;width:100%;border-color:var(--roam-lime);background:var(--roam-lime);color:var(--roam-ink);font-size:14px;margin-top:23px}
.nx-roam .roam-review:hover:not(:disabled){background:#eef58f;border-color:#eef58f}
.nx-roam .roam-end{display:grid;grid-template-columns:1.1fr 1fr;gap:24px 70px;padding-top:83px;padding-bottom:90px}
.nx-roam .roam-end>p{grid-column:1/-1;font-size:12px;letter-spacing:.08em}
.nx-roam .roam-end h2{font:700 clamp(32px,3.8vw,54px)/1.55 var(--nx-sans);letter-spacing:-.04em}
.nx-roam .roam-end>div{align-self:end}
.nx-roam .roam-end>div>p{font-size:16px;line-height:2;max-width:520px}
.nx-roam .roam-end a{margin-top:17px}
.nx-roam .roam-dialog{width:660px;border-color:var(--roam-rule);color:var(--roam-ink)}
.nx-roam .roam-dialog-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px}
.nx-roam .roam-dialog-top button{font-size:14px}
.nx-roam .roam-dialog h2{font-size:30px;line-height:1.5;margin:22px 0 16px;letter-spacing:-.035em}
.nx-roam .roam-dialog-lead{font-size:16px;font-weight:700}
.nx-roam .roam-dialog-metrics{margin:22px 0;border-top:1px solid var(--roam-rule)}
.nx-roam .roam-dialog-metrics>div{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid var(--roam-rule);font-size:14px}
.nx-roam .roam-dialog-metrics dd{margin:0;font-size:16px;font-weight:700}
.nx-roam .roam-dialog-list{padding:0;list-style:none;margin:20px 0;font-size:16px;line-height:2}
.nx-roam .roam-dialog>p:not(.roam-dialog-lead){font-size:14px;line-height:1.9}
.nx-roam .roam-dialog-note{border-top:1px solid var(--roam-rule);padding-top:20px;margin-top:22px}

/* PAW: a warm portrait, playful type, and an open three-style lookbook. */
.nx-paw .paw-hero{display:grid;grid-template-columns:1fr .91fr;gap:75px;align-items:center;padding-top:58px;padding-bottom:68px}
.nx-paw .paw-portrait img{width:100%;aspect-ratio:4/5;max-height:760px;object-fit:cover;object-position:center 38%}
.nx-paw .paw-portrait figcaption{display:flex;justify-content:space-between;gap:12px;margin-top:13px;color:#796a5e;letter-spacing:.035em}
.nx-paw .paw-hello{padding:12px 0}
.nx-paw .paw-hello h1{font:700 clamp(78px,8.5vw,132px)/.99 var(--nx-sans);letter-spacing:-.075em;margin:31px 0 26px}
.nx-paw .paw-hello h1 span{color:var(--paw-orange)}
.nx-paw .paw-japanese-title{font-size:26px;font-weight:700;line-height:1.65;letter-spacing:-.025em}
.nx-paw .paw-hero-copy{font-size:16px;line-height:2;margin:22px 0}
.nx-paw .paw-hero-foot{font-size:12px;letter-spacing:.08em;margin-top:40px;color:#796a5e}
.nx-paw .paw-compare{padding-top:80px;padding-bottom:88px;background:#fffdf8;border-top:1px solid var(--paw-rule)}
.nx-paw .paw-compare-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:36px}
.nx-paw .paw-compare h2{font-size:clamp(36px,4vw,56px);font-weight:700;letter-spacing:-.045em;line-height:1.5;margin-top:20px}
.nx-paw .paw-compare-heading>p{font-size:16px;line-height:1.95;margin-bottom:5px}
.nx-paw .paw-filters{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:25px;align-items:end;padding:25px 0;border-top:1px solid var(--paw-rule);border-bottom:1px solid var(--paw-rule)}
.nx-paw .paw-filters label{font-size:14px}
.nx-paw .paw-filters select{display:block;width:100%;margin-top:10px;font-size:16px;background:#fffdf8;border-color:var(--paw-rule)}
.nx-paw .paw-filters p{font-size:14px;line-height:1.9;color:#766557;padding:0 0 6px 18px}
.nx-paw .paw-image-note{font-size:12px;line-height:1.9;color:#766557;margin:18px 0 32px}
.nx-paw .paw-styles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.nx-paw .paw-style img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 38%}
.nx-paw .paw-style figcaption{padding:14px 0 17px;border-bottom:1px solid var(--paw-rule)}
.nx-paw .paw-style figcaption>span{display:block;color:#796a5e}
.nx-paw .paw-style figcaption>strong{display:block;font-size:42px;font-weight:700;line-height:1.15;letter-spacing:-.055em;margin-top:5px}
.nx-paw .paw-style-copy{padding-top:22px}
.nx-paw .paw-style h3{font-size:20px;font-weight:700;line-height:1.7;letter-spacing:-.015em}
.nx-paw .paw-style-copy>p{font-size:16px;line-height:1.85;margin:8px 0 20px;color:#796a5e}
.nx-paw .paw-style dl{margin:0}
.nx-paw .paw-style dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:12px 0}
.nx-paw .paw-style dt{font-size:12px;line-height:1.8;color:#796a5e}
.nx-paw .paw-style dd{font-size:23px;font-weight:700;line-height:1.4;margin:0;white-space:nowrap;letter-spacing:-.035em}
.nx-paw .paw-style dl>div:last-child dd{font-size:16px;font-weight:400;letter-spacing:0}
.nx-paw .paw-style button{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;margin-top:22px;font-size:14px;border-color:var(--paw-rule);border-radius:28px;padding:12px 20px}
.nx-paw .paw-style button[aria-pressed=true]{color:#fffaf1;background:var(--paw-orange);border-color:var(--paw-orange)}
.nx-paw .paw-style button:hover:not(:disabled){border-color:var(--paw-orange)}
.nx-paw .paw-selection{display:flex;align-items:center;justify-content:space-between;gap:35px;background:#f6ead7;padding:29px 32px;margin-top:45px;border-radius:14px}
.nx-paw .paw-selection h3{font-size:20px;font-weight:700;line-height:1.6;margin:5px 0 8px}
.nx-paw .paw-selection [data-paw-summary]{font-size:16px;line-height:1.9}
.nx-paw .paw-selection button{flex-shrink:0;font-size:14px;background:var(--paw-ink);color:#fffaf1;border-color:var(--paw-ink);border-radius:28px;padding:14px 22px}
.nx-paw .paw-selection button:hover:not(:disabled){background:var(--paw-orange);border-color:var(--paw-orange)}
.nx-paw .paw-selection button>span{margin-left:15px}
.nx-paw .paw-closing{display:grid;grid-template-columns:1fr 1fr;gap:24px 70px;padding-top:80px;padding-bottom:85px;background:#e9d9c1}
.nx-paw .paw-closing>.paw-kicker{grid-column:1/-1}
.nx-paw .paw-closing h2{font-size:clamp(45px,5vw,76px);font-weight:700;line-height:1.3;letter-spacing:-.055em}
.nx-paw .paw-closing>div{align-self:end}
.nx-paw .paw-closing>div>p{font-size:16px;line-height:2;max-width:530px}
.nx-paw .paw-closing a{margin-top:14px}
.nx-paw .paw-dialog{width:650px;background:#fffdf8;color:var(--paw-ink);border:1px solid var(--paw-rule);border-radius:14px}
.nx-paw .paw-dialog-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px}
.nx-paw .paw-dialog-top button{font-size:14px;border-radius:25px}
.nx-paw .paw-dialog h2{font-size:28px;line-height:1.5;letter-spacing:-.035em;margin:23px 0 22px}
.nx-paw .paw-dialog-course{font-size:52px;line-height:1.1;font-weight:700;letter-spacing:-.06em;color:var(--paw-orange)}
.nx-paw .paw-dialog-detail{font-size:16px;margin-top:10px}
.nx-paw .paw-dialog-spec{margin:23px 0}
.nx-paw .paw-dialog-spec>div{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-top:1px solid var(--paw-rule);font-size:14px}
.nx-paw .paw-dialog-spec dd{margin:0;font-size:16px;font-weight:700;text-align:right}
.nx-paw .paw-dialog>p:not(.paw-dialog-course,.paw-dialog-detail){font-size:14px;line-height:1.9}
.nx-paw .paw-dialog-note{border-top:1px solid var(--paw-rule);padding-top:19px;margin-top:20px}

@media(max-width:1180px){
  .nx-koyo .koyo-shop{grid-template-columns:minmax(0,1fr);gap:42px}
  .nx-koyo .koyo-basket{position:static;max-width:560px;width:100%;justify-self:end}
  .nx-koyo .koyo-products{gap:30px}
  .nx-koyo .koyo-hero{gap:35px}.nx-koyo .koyo-hero-image img{min-height:550px}
  .nx-roam .roam-lab{gap:35px}.nx-roam .roam-dashboard{padding:26px}
  .nx-roam .roam-hero-note{display:block}.nx-roam .roam-hero-note a{margin-top:15px}
  .nx-roam .roam-hero-image img{min-height:560px}
  .nx-roam .roam-breakdown ul{grid-template-columns:1fr}
  .nx-paw .paw-hero{gap:45px}.nx-paw .paw-hello h1{font-size:clamp(76px,8.7vw,108px)}
  .nx-paw .paw-styles{gap:24px}.nx-paw .paw-style h3{font-size:18px}
  .nx-paw .paw-style-copy>p{font-size:16px;min-height:59px}
  .nx-paw .paw-selection{padding:25px;gap:25px}
}
@media(max-width:900px){
  .nx-koyo :is(.koyo-hero,.koyo-shelf,.koyo-afterword),.nx-roam :is(.roam-hero,.roam-planner,.roam-end),.nx-paw :is(.paw-hero,.paw-compare,.paw-closing){padding-left:28px;padding-right:28px}
  .nx-koyo .koyo-hero{grid-template-columns:.9fr 1.1fr;gap:26px}.nx-koyo .koyo-hero h1{font-size:45px}.nx-koyo .koyo-hero-image img{min-height:525px}
  .nx-roam .roam-hero h1{font-size:clamp(52px,7.1vw,65px)}.nx-roam .roam-hero-image img{min-height:490px}
  .nx-roam .roam-lab{grid-template-columns:1fr 1fr;gap:26px}.nx-roam .roam-dashboard{padding:22px}
  .nx-roam .roam-use{grid-template-columns:1fr;gap:7px;margin-bottom:26px}
  .nx-roam .roam-use button{display:flex;justify-content:space-between;align-items:center;padding:12px 15px}
  .nx-roam .roam-use button span{margin:0}
  .nx-roam .roam-fit{grid-template-columns:1fr}.nx-roam .roam-fit>span{grid-column:1;grid-row:auto}
  .nx-roam .roam-volume>output{font-size:83px}
  .nx-paw .paw-hero{gap:28px}.nx-paw .paw-hello h1{font-size:76px}.nx-paw .paw-japanese-title{font-size:23px}
  .nx-paw .paw-filters{grid-template-columns:1fr 1fr}.nx-paw .paw-filters p{grid-column:1/-1;padding:0}
  .nx-paw .paw-selection{align-items:flex-start;flex-direction:column;gap:20px}
  .nx-paw .paw-style dl>div{display:block}.nx-paw .paw-style dd{margin-top:5px}
}
@media(max-width:700px){
  .nx-koyo :is(.koyo-hero,.koyo-shelf,.koyo-afterword),.nx-roam :is(.roam-hero,.roam-planner,.roam-end),.nx-paw :is(.paw-hero,.paw-compare,.paw-closing){padding-left:22px;padding-right:22px}
  .nx-koyo .koyo-hero{grid-template-columns:1fr;gap:29px;padding-top:29px;padding-bottom:44px}
  .nx-koyo .koyo-hero-copy{padding:7px 0 0}.nx-koyo .koyo-hero h1{font-size:clamp(43px,10.2vw,62px);margin:24px 0 19px}
  .nx-koyo .koyo-hero-english{font-size:29px}.nx-koyo .koyo-hero-intro{margin:22px 0 18px}
  .nx-koyo .koyo-hero-image img{height:auto;min-height:0;aspect-ratio:4/3}.nx-koyo .koyo-hero-image figcaption{flex-wrap:wrap;gap:4px 15px}
  .nx-koyo .koyo-shelf{padding-top:49px;padding-bottom:55px}
  .nx-koyo .koyo-section-heading{grid-template-columns:1fr;gap:13px;margin-bottom:29px}
  .nx-koyo .koyo-section-heading h2{font-size:30px}.nx-koyo .koyo-section-heading>p:last-child{justify-self:start}
  .nx-koyo .koyo-products{grid-template-columns:1fr;gap:43px}.nx-koyo .koyo-product:nth-child(n){padding-top:0}
  .nx-koyo .koyo-product img{aspect-ratio:5/4}.nx-koyo .koyo-product figcaption{min-height:0;padding-top:10px}
  .nx-koyo .koyo-product h3{font-size:25px}.nx-koyo .koyo-product-copy{padding:15px 0 18px}
  .nx-koyo .koyo-product-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px}
  .nx-koyo .koyo-quantity{margin:0;width:176px;flex:0 0 176px}.nx-koyo .koyo-product-bottom>p{font-size:25px}
  .nx-koyo .koyo-product-bottom>p span{max-width:120px}.nx-koyo .koyo-basket{padding:24px;max-width:none}
  .nx-koyo .koyo-afterword{grid-template-columns:1fr;gap:21px;padding-top:48px;padding-bottom:50px}
  .nx-koyo .koyo-afterword h2{font-size:36px}.nx-koyo .koyo-afterword>a{grid-column:1}
  .nx-koyo .koyo-dialog h2{font-size:27px}.nx-koyo .koyo-dialog-top{align-items:flex-start}
  .nx-roam .roam-hero{padding-top:23px;padding-bottom:29px}
  .nx-roam .roam-hero-top{display:block;padding-bottom:22px}.nx-roam .roam-hero-top>span{display:block;margin-top:8px;color:#64705f}
  .nx-roam .roam-hero-grid{grid-template-columns:1fr;gap:26px}.nx-roam .roam-hero-copy{padding:0}
  .nx-roam .roam-hero h1{font-size:clamp(55px,12.7vw,81px);line-height:.98;letter-spacing:-.065em}
  .nx-roam .roam-hero-note{display:flex;align-items:end;gap:16px;margin-top:24px}.nx-roam .roam-hero-note p{font-size:18px}.nx-roam .roam-hero-note a{font-size:14px;margin:0}
  .nx-roam .roam-hero-image img{height:auto;min-height:0;aspect-ratio:1.15}.nx-roam .roam-hero-image figcaption{font-size:12px}
  .nx-roam .roam-hero-foot{display:block;margin-top:24px;padding-top:17px}.nx-roam .roam-hero-foot p{margin-top:12px}
  .nx-roam .roam-planner{padding-top:47px;padding-bottom:50px}.nx-roam .roam-planner-heading{grid-template-columns:1fr;gap:20px;margin-bottom:28px}
  .nx-roam .roam-planner h2{font-size:clamp(36px,8.6vw,52px)}
  .nx-roam .roam-lab{grid-template-columns:1fr;gap:33px}.nx-roam .roam-dashboard{position:static;padding:24px}
  .nx-roam .roam-use{grid-template-columns:1fr 1.5fr 1fr;gap:6px;margin-top:14px}
  .nx-roam .roam-use button{display:block;padding:14px 5px;font-size:14px;letter-spacing:-.04em}.nx-roam .roam-use button span{font-size:14px;letter-spacing:-.03em;margin-top:6px}
  .nx-roam .roam-checklist-heading{gap:8px}.nx-roam .roam-item{gap:12px}
  .nx-roam .roam-volume>output{font-size:104px}.nx-roam .roam-fit{grid-template-columns:1fr auto}.nx-roam .roam-fit>span{grid-column:2;grid-row:2}
  .nx-roam .roam-breakdown ul{grid-template-columns:1fr}.nx-roam .roam-dashboard-top{gap:10px}
  .nx-roam .roam-end{grid-template-columns:1fr;gap:20px;padding-top:45px;padding-bottom:49px}.nx-roam .roam-end h2{font-size:32px}
  .nx-roam .roam-dialog h2{font-size:26px}.nx-roam .roam-dialog-top{align-items:flex-start}
  .nx-roam .roam-dialog-metrics>div{display:block}.nx-roam .roam-dialog-metrics dd{margin-top:6px}
  .nx-paw .paw-hero{grid-template-columns:1fr;gap:29px;padding-top:34px;padding-bottom:43px}
  .nx-paw .paw-hello{grid-row:1;padding:0}.nx-paw .paw-portrait{grid-row:2}
  .nx-paw .paw-hello h1{font-size:clamp(77px,19vw,115px);margin:23px 0 22px}
  .nx-paw .paw-japanese-title{font-size:24px}.nx-paw .paw-hero-copy{margin:17px 0 14px}
  .nx-paw .paw-hero-foot{margin-top:18px}.nx-paw .paw-portrait img{aspect-ratio:4/5;max-height:none}
  .nx-paw .paw-portrait figcaption{flex-wrap:wrap;gap:5px 12px}
  .nx-paw .paw-compare{padding-top:46px;padding-bottom:50px}
  .nx-paw .paw-compare-heading{display:block;margin-bottom:24px}.nx-paw .paw-compare h2{font-size:36px;margin-top:17px}
  .nx-paw .paw-compare-heading>p{margin-top:18px}.nx-paw .paw-filters{gap:20px 13px;padding:22px 0}
  .nx-paw .paw-filters select{font-size:14px;padding:11px 8px}.nx-paw .paw-filters p{font-size:14px;line-height:1.9}
  .nx-paw .paw-image-note{margin-bottom:29px}.nx-paw .paw-styles{grid-template-columns:1fr;gap:43px}
  .nx-paw .paw-style{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:19px;align-items:start}
  .nx-paw .paw-style img{aspect-ratio:4/5}.nx-paw .paw-style figcaption>strong{font-size:31px}.nx-paw .paw-style figcaption{padding:10px 0 13px}
  .nx-paw .paw-style-copy{padding-top:0}.nx-paw .paw-style h3{font-size:18px;line-height:1.7}.nx-paw .paw-style-copy>p{min-height:0;font-size:16px;margin:10px 0 13px}
  .nx-paw .paw-style dl>div{display:block;margin:10px 0}.nx-paw .paw-style dt{font-size:12px}.nx-paw .paw-style dd{font-size:23px;margin-top:4px}
  .nx-paw .paw-style button{margin-top:18px;padding:12px;font-size:14px;gap:5px}
  .nx-paw .paw-selection{padding:23px;margin-top:36px;border-radius:12px}.nx-paw .paw-selection button{width:100%;padding:14px 17px}
  .nx-paw .paw-selection [data-paw-summary]{font-size:16px}
  .nx-paw .paw-closing{grid-template-columns:1fr;gap:20px;padding-top:47px;padding-bottom:49px}.nx-paw .paw-closing h2{font-size:50px}
  .nx-paw .paw-dialog h2{font-size:25px}.nx-paw .paw-dialog-course{font-size:45px}.nx-paw .paw-dialog-top{align-items:flex-start}
  .nx-paw .paw-dialog-spec>div{display:block}.nx-paw .paw-dialog-spec dd{text-align:left;margin-top:6px}
}
@media(max-width:390px){
  .nx-koyo .koyo-product-bottom{gap:10px}.nx-koyo .koyo-quantity{width:166px;flex-basis:166px}.nx-koyo .koyo-basket{padding:21px}
  .nx-roam .roam-use button{font-size:14px;padding-left:4px;padding-right:4px}.nx-roam .roam-use button span{font-size:14px}
  .nx-roam .roam-dashboard{padding:21px}.nx-roam .roam-volume>output{font-size:94px}
  .nx-roam .roam-fit{grid-template-columns:1fr}.nx-roam .roam-fit>span{grid-column:1;grid-row:auto}.nx-roam .roam-metrics>div+div{padding-left:19px}
  .nx-paw .paw-style{grid-template-columns:minmax(0,.83fr) minmax(0,1fr);gap:15px}.nx-paw .paw-style figcaption>strong{font-size:28px}.nx-paw .paw-style button{padding:12px 9px}
}
@media(prefers-reduced-motion:reduce){
  .nx-koyo *,.nx-roam *,.nx-paw *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

.nx-koyo .koyo-hero h1{font-size:clamp(34px,3.8vw,48px);text-wrap:balance;line-break:strict}
