.size-explorer{background:#d4e1e4;padding:24px}.size-overview{background:#f7f5ef;min-height:555px;padding:18px;position:relative;overflow:hidden}.size-silhouette{color:#315b76;box-sizing:border-box;cursor:pointer;background:#fffdf8;border:2px solid #315b76;padding:0;font-family:DM Mono;transition:transform .2s,box-shadow .2s,border-color .2s;position:absolute}.size-silhouette:hover,.size-silhouette.active{border-color:#d07054;transform:translateY(-4px);box-shadow:5px 8px 14px #24486122}.size-silhouette b{white-space:nowrap;font-size:11px;font-weight:500;position:absolute;bottom:7px;right:7px}.edge-width{white-space:nowrap;font-size:9px;position:absolute;top:-21px;left:50%;transform:translate(-50%)}.edge-height{writing-mode:vertical-rl;white-space:nowrap;font-size:9px;position:absolute;top:50%;left:-20px;transform:translateY(-50%)}.paper-0{width:56px;height:95px;top:64px;left:5%}.paper-1{width:60px;height:95px;top:64px;left:18%}.paper-2{width:67px;height:95px;top:64px;left:31%}.paper-3{width:133px;height:189px;top:64px;left:46%}.paper-4{width:99px;height:189px;top:64px;left:70%}.paper-5{width:97px;height:155px;bottom:45px;left:5%}.paper-6{width:86px;height:155px;bottom:45px;left:22%}.paper-7{width:72px;height:154px;bottom:45px;left:37%}.paper-8{width:95px;height:133px;bottom:45px;left:50%}.paper-9{width:72px;height:108px;bottom:45px;left:66%}.paper-10{width:72px;height:114px;bottom:45px;left:80%}.size-detail{background:#f7f5ef;border-top:1px solid #aec1c2;grid-template-columns:minmax(145px,.75fr) 1fr;gap:24px;min-height:265px;padding:30px 24px 24px;display:grid}.size-tip{color:#567083;text-align:center;background:#eef4f3;margin:0;padding:17px;font-size:12px}.size-paper-wrap{background:#c1d4d9;place-items:center;padding:36px 34px 42px;display:grid;position:relative}.size-paper{color:#315b76;box-sizing:border-box;background:#fffdf8;max-width:100%;max-height:190px;position:relative;box-shadow:5px 8px 14px #24486122}.selected-paper-name{color:#315b76;white-space:nowrap;font:14px DM Mono;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.size-paper span{white-space:nowrap;font:9px DM Mono;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.size-paper i{writing-mode:vertical-rl;white-space:nowrap;font:9px DM Mono;position:absolute;top:50%;left:-24px;transform:translateY(-50%)}.size-info h2{margin:5px 0 10px;font-size:28px;font-weight:500}.size-info>p:not(.eyebrow){color:#526a76;margin:0 0 16px;font-size:13px;line-height:1.8}.size-info dl{grid-template-columns:repeat(3,1fr);gap:8px;margin:0;display:grid}.size-info dl div{border-top:1px solid #c8d1cf;padding-top:7px}.size-info dt{color:#69808d;font-size:10px}.size-info dd{color:#315b76;margin:5px 0 0;font:11px DM Mono}.comparison-placeholder{color:#567083;border:1px dashed #9fb0b1;margin-top:18px;padding:10px;font-size:11px;line-height:1.55}.comparison-placeholder p{margin:4px 0 0}.comparison-placeholder small{font-size:10px}@media (max-width:720px){.size-explorer{padding:14px}.size-overview{min-height:475px}.paper-0{width:43px;height:73px;top:50px;left:5%}.paper-1{width:47px;height:73px;top:50px;left:17%}.paper-2{width:52px;height:73px;top:50px;left:30%}.paper-3{width:104px;height:148px;top:50px;left:48%}.paper-4{width:77px;height:148px;top:50px;left:78%}.paper-5{width:76px;height:122px;bottom:38px;left:5%}.paper-6{width:68px;height:122px;bottom:38px;left:21%}.paper-7{width:57px;height:121px;bottom:38px;left:35%}.paper-8{width:75px;height:105px;bottom:38px;left:49%}.paper-9{width:57px;height:86px;bottom:38px;left:66%}.paper-10{width:57px;height:91px;bottom:38px;left:81%}.size-silhouette b{font-size:8px;bottom:4px;right:4px}.edge-width{font-size:7px;top:-16px}.edge-height{font-size:7px;left:-15px}.size-detail{grid-template-columns:1fr;gap:15px;padding:16px}.size-paper-wrap{min-height:180px}.size-info dl{grid-template-columns:repeat(3,1fr)}}.sizes-page{background:#e8ede9;min-height:100vh}.sizes-page-head{max-width:1040px;margin:0 auto;padding:88px 48px 40px}.sizes-page-head h1{margin:10px 0 20px;font-size:clamp(40px,6vw,78px);font-weight:500;line-height:1.12}.sizes-page-head>p:last-child{color:#526a76;max-width:440px;font-size:14px;line-height:1.9}.sizes-full{max-width:1040px;margin:0 auto;padding:0 48px 90px}@media (max-width:720px){.sizes-page-head{padding:60px 24px 30px}.sizes-full{padding:0 24px 60px}.sizes-page .nav{padding-left:24px;padding-right:24px}}