@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Noto+Sans+KR:wght@400;450;500;600&display=swap');
:root{--paper:#f4f2ee;--ink:#1b1c1b;--muted:#73736f;--line:#d8d5cf;--font:'DM Sans','Noto Sans KR',sans-serif;--blue:#2357e8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font:16px/1.65 var(--font);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:0;background:transparent}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid #57665a;outline-offset:4px}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-weight:450;letter-spacing:-.035em;line-height:1.3}h1{font-size:70px}h2{font-size:38px}h3{font-size:21px}p{line-height:1.8;word-break:keep-all}img{max-width:100%;display:block;object-fit:cover}b,strong{font-weight:550}small{font-size:12px}::selection{background:#d3d7cf}.sr-only,.skip:not(:focus){position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip:focus{position:fixed;top:5px;left:5px;background:white;padding:15px;z-index:300}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 4.6%;position:relative;z-index:30;background:var(--paper)}body:has(.reference-hero) header{position:absolute;inset:0 0 auto;background:transparent}.logo{font-size:23px;font-weight:700;letter-spacing:-.9px;line-height:1.1}header nav{display:flex;gap:38px;align-items:center;font-size:13px}header nav a{padding:5px 0;position:relative}header nav a:after{content:'';position:absolute;height:1px;background:#696963;left:0;bottom:0;width:0;transition:width .2s}header nav a.active:after,header nav a:hover:after{width:100%}.nav-end{display:flex;align-items:center;gap:20px}.icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px}.mobile-menu{display:none}.pill{display:inline-flex;gap:28px;align-items:center;justify-content:center;background:#181a18;color:#fff;border-radius:40px;font-size:14px;line-height:1.4;padding:15px 28px;min-height:48px;transition:background .2s,transform .2s}.pill:hover{background:#3c413c;transform:translateY(-1px)}.pill.small{font-size:12px;min-height:35px;padding:9px 20px}.pill.light{background:#fff;color:#181a18}.text-link{display:inline-flex;align-items:center;gap:18px;min-height:44px;padding:10px 0;font-size:14px}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.eyebrow{font-size:13px;letter-spacing:.18em;font-weight:400;display:block;line-height:1.5}.ui-icon{display:inline-block;width:20px;height:20px;vertical-align:middle;flex-shrink:0;pointer-events:none;stroke-width:1.5}.pill .ui-icon,.text-link .ui-icon{width:17px;height:17px}.muted{color:var(--muted)}.outline{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 18px;min-height:44px;font-size:13px;border:1px solid #c6c5bf;border-radius:30px;cursor:pointer}.outline:hover{background:#e7e5df}.full{width:100%;margin-top:14px}.vertical{flex-direction:column;align-items:stretch!important}.actions{display:flex;align-items:center;gap:24px;margin-top:25px}.section{padding:100px 6%}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.sup{font-size:.3em;vertical-align:super;margin-left:15px}.small-copy{font-size:12px}label{display:flex;flex-direction:column;gap:7px;font-size:13px}input,select{border:1px solid #d0cec7;min-height:43px;padding:8px 11px;background:#faf9f5;border-radius:3px;font-size:14px;min-width:0;color:#2b2c28}input[type=range]{accent-color:#474d44;border:0;padding:0;min-height:28px}fieldset{border:0;padding:0;margin:0}summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:20px 0;font-size:14px}summary::-webkit-details-marker{display:none}summary:after{content:'';width:16px;height:16px;flex-shrink:0;background:currentColor;mask:url('/assets/icons/plus.svg') center/contain no-repeat;-webkit-mask:url('/assets/icons/plus.svg') center/contain no-repeat}details[open] summary:after{mask-image:url('/assets/icons/minus.svg');-webkit-mask-image:url('/assets/icons/minus.svg')}details{border-bottom:1px solid var(--line)}details p{padding:0 0 24px;font-size:14px;color:var(--muted)}details a{text-decoration:underline}.reference-hero{height:100svh;min-height:800px;max-height:1100px;position:relative;overflow:hidden;background:#e8e5df}.hero-photo{width:100%;height:100%;position:absolute;inset:0;object-position:center}.hero-copy{position:relative;z-index:1;margin-left:7%;padding-top:175px;width:40%}.hero-copy h1{font-size:clamp(65px,6.5vw,102px);font-weight:400;line-height:1.07;letter-spacing:-.025em;margin:25px 0 29px}.hero-copy p{font-size:19px;line-height:1.7;margin-bottom:30px}.hero-bottom{position:absolute;left:7%;right:5%;bottom:45px;display:flex;gap:70px;align-items:flex-end}.hero-bottom>div{display:flex;flex-direction:column;gap:3px;font-size:12px}.hero-bottom b{font-size:13px}.scroll{color:#fff;margin-left:auto;font-size:12px;text-align:center}.scroll .ui-icon{width:21px;height:21px;margin-top:7px}.reference-route{position:relative;height:800px;min-height:760px;overflow:hidden;background:#f0ede7}.route-preview{margin:80px 0}.route-title{position:absolute;top:64px;left:5%;z-index:3;pointer-events:none;max-width:355px}.route-title h1,.route-title h2{font-size:42px;letter-spacing:-.05em;font-weight:600;line-height:1.1}.route-title>p{font-size:20px;margin-top:9px}.route-title>span{display:block;font-size:14px;line-height:1.85;color:#63635e;margin:25px 0}.route-title .pill,.route-title .text-link{pointer-events:auto;font-size:13px}.route-title .text-link{display:flex;width:140px;margin-top:6px}.route-scene{position:absolute;inset:0 -5% 0 9%;z-index:1}.route-scene canvas{width:100%;height:100%;display:block}.route-toolrail{position:absolute;left:4.5%;bottom:90px;z-index:4;width:142px;background:#f7f5efeb;border:1px solid #e1ded5;border-radius:16px;overflow:hidden}.route-toolrail>a,.route-toolrail>button{width:100%;display:flex;align-items:center;text-align:left;gap:17px;padding:16px 18px;border-bottom:1px solid #e6e3dc;font-size:13px;min-height:69px}.route-toolrail>a:last-child,.route-toolrail>button:last-child{border:0}.route-toolrail>button.active{background:#e8e5dc}.route-toolrail small{display:block;font-size:11px;color:#777873;line-height:1.5}.route-toolrail .ui-icon{width:24px;height:24px}.route-floating-bom{position:absolute;z-index:4;right:4.5%;bottom:74px;background:#f8f6f0f0;border-radius:21px;padding:22px;width:265px;box-shadow:0 3px 35px #776b5510}.route-floating-bom>h3{font-size:16px;letter-spacing:-.03em;margin-bottom:15px}.route-floating-bom>h3>span{color:#8d8b81;font-size:13px}.route-floating-bom>a:not(.pill){display:flex;align-items:center;gap:17px;margin:12px 0;font-size:13px}.route-floating-bom>a>img{width:65px;height:49px;object-fit:cover;border-radius:6px}.route-floating-bom>.pill{width:100%;font-size:13px;margin-top:20px;min-height:43px;padding:12px 15px;gap:15px}.route-key-hints{position:absolute;bottom:25px;left:23%;right:23%;display:flex;align-items:center;justify-content:center;gap:30px;font-size:11px;color:#75746d;z-index:4;white-space:nowrap}.route-key-hints button{font-size:11px;min-height:34px;padding:0}.reference-pdp{width:min(1040px,90%);margin:30px auto 95px;position:relative}.featured-pdp{margin-top:110px;margin-bottom:115px}.pdp-top{display:flex;align-items:flex-start;gap:6%;min-height:430px}.pdp-info{width:38%;padding:15px 0 25px}.pdp-info .product-name{font-size:70px;line-height:1.12;font-weight:550;margin:20px 0 12px;letter-spacing:-.03em}.pdp-info .product-tag{font-size:23px;line-height:1.5;letter-spacing:-.04em}.product-description{font-size:14px;color:#6d6d65;line-height:1.9;margin:45px 0 26px;max-width:290px}.pdp-gallery{width:56%}.pdp-main-image{border-radius:6px;overflow:hidden;background:#d7d5cf;height:445px}.pdp-main-image>img{width:100%;height:100%;object-position:50% 45%}.pdp-main-image[data-color=Graphite]>img{filter:brightness(.8)}.pdp-main-image[data-color=Bone]>img{filter:brightness(1.07)}.swatches{display:flex;gap:9px;align-items:center}.swatches button{width:33px;height:33px;border-radius:50%;padding:4px;border:1px solid transparent}.swatches button:after{content:'';display:block;width:100%;height:100%;background:var(--swatch);border-radius:50%;border:1px solid #aaa99f}.swatches button.selected{border-color:#8d8d85}.pdp-thumbs{display:flex;gap:16px;position:relative;margin:22px 0 36px}.pdp-thumbs>button:not(.thumb-next){width:25%;height:100px;overflow:hidden;border-radius:6px;padding:0;background:#e5e2dc;border:1px solid transparent}.pdp-thumbs>button.active{border-color:#b1afa5}.pdp-thumbs img{width:100%;height:100%;object-fit:cover;object-position:center}.pdp-thumbs>button:nth-child(2) img{object-position:50% 10%}.pdp-thumbs>button:nth-child(4) img{object-position:70% 65%}.thumb-next{position:absolute;right:-12px;top:33px;background:#fff;box-shadow:0 1px 8px #0001;width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center}.thumb-next .ui-icon{width:16px;height:16px}.pdp-tabs{display:flex;border-bottom:1px solid var(--line);gap:44px}.pdp-tabs button{padding:10px 7px 14px;min-height:44px;font-size:13px;border-bottom:1px solid transparent}.pdp-tabs button[aria-selected=true]{border-color:#20221f}.pdp-tab-copy{padding:23px 10px;font-size:14px;line-height:1.9;color:#6f6e66;border-bottom:1px solid var(--line)}.product-features{display:flex;padding:40px 0 30px}.product-features>div{width:25%;text-align:center;border-right:1px solid #e1ded7}.product-features>div:last-child{border:0}.product-features .ui-icon{width:30px;height:30px;margin-bottom:17px;stroke-width:1.3}.product-features h3{font-size:15px;letter-spacing:-.02em;margin-bottom:3px}.product-features p{font-size:12px;color:#7f7c72}.pdp-purchase{text-align:center;margin-top:17px}.pdp-purchase .pill{min-width:250px;font-size:14px;min-height:48px}.mobile-details{display:none}.brand-story{width:min(1180px,90%);margin:0 auto 110px}.story-top{display:flex;min-height:440px;align-items:stretch}.story-copy{width:48%;padding:70px 35px 35px 25px;align-self:center}.story-copy h2{font-size:35px;line-height:1.5;letter-spacing:-.04em;margin-bottom:25px}.story-copy p{font-size:14px;line-height:1.95;color:#6f6e68}.story-copy .text-link{margin-top:29px}.story-top>img{width:52%;max-height:470px;object-position:50% 57%}.metrics{display:flex;align-items:center;justify-content:space-between;padding:40px 0 45px}.metrics>div{width:25%;border-right:1px solid #dad7d0;text-align:center}.metrics>div:last-child{border:0}.metric-icon{display:inline-flex;align-items:center;justify-content:center;height:35px}.metric-icon .ui-icon{width:28px;height:28px;stroke-width:1.3}.metrics b{display:block;font-size:30px;line-height:1.2;margin:17px 0 3px;font-weight:450}.metrics>div>span:last-child{font-size:13px;color:#6f6c64}.sustainability{height:400px;position:relative;overflow:hidden;color:white;background:#101815}.sustainability>img{position:absolute;inset:0;width:100%;height:100%;object-position:center}.sustainability>div{position:absolute;left:40px;bottom:38px}.sustainability h2{font-size:31px;line-height:1.5}.sustainability p{font-size:15px;margin:14px 0 20px}.sustainability .pill{font-size:12px;min-height:42px;padding:11px 23px}.scenes{width:min(1280px,92%);margin:110px auto 115px;display:grid;grid-template-columns:1fr 1.05fr;gap:24px}.scene-heading{align-self:center;padding:15px 20px}.scene-heading h2{font-size:38px;line-height:1.45;margin:30px 0}.scene-heading p{color:#6f6e67;font-size:17px;line-height:1.9}.scene{position:relative;overflow:hidden;border-radius:9px;background:#c5c0b6;height:450px}.scene-home{height:450px}.scene>img{width:100%;height:100%;transition:transform .8s;object-position:center 59%}.scene:hover>img{transform:scale(1.025)}.scene>div{position:absolute;left:25px;bottom:24px;color:#fff;background:#302d285c;padding:11px 14px;border-radius:5px;backdrop-filter:blur(5px)}.scene h3{font-size:21px;letter-spacing:-.02em}.scene p{font-size:13px}.dark-scene{height:850px;position:relative;overflow:hidden;color:#fff;background:#151713}.dark-scene>img{position:absolute;inset:0;width:100%;height:100%;object-position:center}.dark-copy{position:absolute;top:95px;left:25%;right:10%;text-align:center}.dark-copy h2{font-size:46px;line-height:1.4;letter-spacing:-.03em}.dark-copy p{font-size:17px;margin:22px 0 33px;color:#e9e7df}.dark-copy .pill{font-size:13px;padding:13px 27px;min-height:46px}.dark-steps{position:absolute;left:6%;bottom:45px;display:flex;flex-direction:column;gap:24px;color:#979b90;font-size:15px}.dark-steps>span{display:flex;gap:18px;align-items:flex-start}.dark-steps b{font-size:16px;font-weight:400}.dark-steps small{display:block;font-size:12px;line-height:1.6}.dark-steps>span:first-child b{color:#edece5}footer{background:#fff;padding:38px 4% 22px}.foot-top{display:flex;align-items:center;justify-content:space-between;gap:40px}.foot-top>div{display:flex;align-items:center;gap:35px}.foot-top .logo{font-size:35px}.foot-top p{font-size:13px;line-height:1.5;color:#62625c}.foot-top .foot-quote{font-size:12px;margin-left:auto}.foot-bottom{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-top:28px;padding-top:18px;border-top:1px solid #edece6;font-size:10px;color:#99968c}.foot-bottom>div{display:flex;gap:25px}.about-page{padding-top:30px}.about-principles{max-width:1000px;margin:0 auto 90px;padding:0 6%;text-align:center}.about-principles h2{line-height:1.5}.about-principles>p{margin:25px 0;color:#737168}.concept-note{font-size:12px!important}.about-page .brand-story{margin-bottom:80px}
/* Editor keeps the original open composition; tools open only when requested. */
.is-editor footer{display:none}.is-editor header{height:80px}.editor.reference-route{height:calc(100svh - 80px);min-height:740px;margin:0}.editor .route-scene{inset:0 -2% 0 8%}.editor .route-title{top:50px}.editor .route-floating-bom{bottom:75px;max-height:480px;overflow:auto}.mini-bom .bom-row{display:flex;align-items:center;gap:12px;margin:12px 0;font-size:12px;line-height:1.4}.mini-bom .bom-row>img{width:62px;height:44px;object-fit:cover;border-radius:6px}.mini-bom .bom-row>div{flex:1}.mini-bom .bom-row small{display:none}.mini-bom .bom-row>button{color:#858178;display:flex;padding:3px}.mini-bom .bom-row>button .ui-icon{width:13px;height:13px}.review-link{font-size:10px;line-height:1.6;margin-top:13px;text-align:center;width:100%;color:#807b70}.tool-drawer{position:absolute;z-index:15;left:calc(4.5% + 158px);bottom:65px;width:320px;max-height:calc(100% - 140px);overflow:auto;background:#fbf9f3;border:1px solid #ddd8ce;border-radius:14px;box-shadow:0 10px 50px #524b4222;padding:0 20px 22px}.drawer-head{display:flex;justify-content:space-between;align-items:center;font-size:15px;position:sticky;top:0;background:#fbf9f3;z-index:3;padding:10px 0;border-bottom:1px solid #e3ded4;margin-bottom:20px}.drawer-head .icon{width:34px;height:34px}.editor-library h3{font-size:19px;margin:16px 0}.editor-library>p{font-size:12px;margin-bottom:20px}.editor-library h4{margin:20px 0 10px;font-size:13px;font-weight:500}.editor-library label{margin-bottom:15px}.editor-library input,.editor-library select{width:100%}.editor-library label small{font-size:10px;color:#979084}.editor-library .pill{font-size:12px;padding:12px 18px;min-height:44px}.device-library{display:flex;flex-direction:column}.device-library>button{display:flex;gap:18px;align-items:center;min-height:48px;padding:9px 0;border-bottom:1px solid #e9e4d9;font-size:13px}.device-library .ui-icon{width:21px;height:21px;color:#595d53}.module-add{display:flex;align-items:center;gap:13px;width:100%;text-align:left;padding:10px 0;border-bottom:1px solid #e9e4d9}.module-add>img{width:51px;height:43px;object-fit:cover;border-radius:5px}.module-add>span{flex:1;font-size:13px}.module-add small{display:block;font-size:10px;color:#858174}.module-add b .ui-icon{width:14px;height:14px}.cable-list{display:flex;justify-content:space-between;width:100%;border-bottom:1px solid #e4dfd4;padding:12px 0;font-size:12px}.cable-list.active{color:var(--blue)}.warning-list{margin-top:25px}.warning-list button{display:block;font-size:12px;color:#a46442;line-height:1.7;text-align:left;border-bottom:1px solid #e8ddcf;padding:10px 0;width:100%}.warning-list .ui-icon{width:14px;height:14px}.warning-list p{font-size:12px;color:#7b7d70}.selection-fields{display:flex;flex-wrap:wrap;gap:12px;padding-top:22px}.selection-fields>b{font-size:13px;width:100%}.selection-fields label{width:44%;font-size:11px}.selection-fields input,.selection-fields select{width:100%}.selection-fields .text-link{font-size:12px}.selection-empty{font-size:12px;padding-top:18px}.remove-line{font-size:12px;min-height:40px}.flat-editor{position:absolute;z-index:18;left:29%;right:3%;top:20%;bottom:8%;padding:15px 23px;background:#f6f3eb;border:1px solid #d4cfc4;border-radius:16px;box-shadow:0 15px 50px #30291c25;overflow:auto}.flat-editor .drawer-head{margin-bottom:5px}.canvas-area{min-height:270px;display:flex;align-items:center;overflow:auto;touch-action:none}.desk-svg{width:100%;height:auto;display:block;overflow:visible}.desk-svg text{pointer-events:none}.desk-svg .device,[data-point],[data-placement]{cursor:grab}.desk-svg [data-port]{cursor:crosshair}#map-holder{width:100%;transform-origin:center}.canvas-toolbar{display:flex;justify-content:center;gap:15px;border-top:1px solid var(--line);padding-top:8px}.canvas-toolbar button{min-height:42px;font-size:12px}.canvas-toolbar .ui-icon{width:14px;height:14px}.canvas-hint{text-align:center;font-size:11px;color:#837c6e;margin:7px}.route-fallback{padding:140px 60px 50px}
/* Other routes retain their working content, with the reference typography. */
.collection-title{padding:65px 6% 70px}.collection-title h1{font-size:70px;line-height:1.1;margin:30px 0}.collection-title>div{display:flex;justify-content:space-between;gap:30px;align-items:flex-end}.collection-title p{font-size:15px;color:#747168}.filter-links{display:flex;gap:24px;font-size:12px}.filter-links a{border-bottom:1px solid #aaa397;padding-bottom:7px}.object-row{display:flex;align-items:center;gap:10%;padding:50px 7%;min-height:600px}.object-row:nth-of-type(even){background:#eeebe5}.object-row.reverse{flex-direction:row-reverse}.object-picture{width:46%}.object-picture img{width:100%;height:auto;aspect-ratio:1.2}.object-copy{width:44%}.object-copy h2{font-size:75px;line-height:1.1;margin:25px 0 15px}.object-copy h2 small{font-size:23px;color:#8a867b;margin-left:15px}.object-copy h3{font-size:22px}.object-copy p{font-size:15px;margin:24px 0;color:#747067}.object-copy .muted{font-size:12px}.kit{background:#eae7df;text-align:center}.kit h2{font-size:43px;line-height:1.3;margin:25px 0}.kit p{font-size:14px}.kit>.pill{display:flex;width:240px;margin:25px auto 0}#kit-parts>a{display:inline-block;padding:15px;font-size:14px}.guide{max-width:1200px;margin:auto;padding-top:70px}.guide h1{font-size:55px;line-height:1.4;margin:30px 0}.guide>p{color:#7f7a6e}.guide-body{margin:65px 0}.guide-body>label{max-width:400px}.guide-body h2{font-size:29px;margin:40px 0 20px}#surface-answer{background:#e8e6dd;padding:25px;margin:25px 0 50px}#surface-answer p{font-size:14px;margin-top:20px}.install-step{display:flex;gap:45px;padding:40px 0;border-top:1px solid var(--line)}.install-step>span{font-size:13px;color:#8e8677;margin-top:10px}.install-step h2{font-size:37px;margin:0 0 20px}.install-step h3{font-size:20px;margin-bottom:20px}.install-step p{color:#7a7467;font-size:15px}.result-page,.bag-page{padding-top:65px;min-height:75vh}.result-page h1{font-size:70px;line-height:1.15;margin:30px 0}.result-map{padding:40px 6%;background:#eae7de;margin:55px 0}.result-map svg{max-height:570px}.result-columns{display:grid;grid-template-columns:1fr 1fr;gap:10%}.result-columns h2{font-size:26px;margin-bottom:25px}.result-columns h3{font-size:22px;margin-top:38px}.result-columns>div>p{font-size:13px;margin-top:20px}.length-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--line);padding:15px 0;font-size:14px}.length-row small{width:100%;color:#8a8376;font-size:11px}.bom-row{display:flex;align-items:center;gap:15px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.bom-row>img{width:65px;height:65px;border-radius:4px}.bom-row>div{flex:1}.bom-row small{display:block;font-size:11px;line-height:1.5;color:#867e70;margin-top:4px}.bom-row>b{font-size:14px}.summary-total{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:25px 0;font-size:14px}.summary-total strong{font-size:27px}.export-actions{display:flex;flex-wrap:wrap;gap:15px;margin:50px 0 20px}.file-button{flex-direction:row}.bag-page h1{font-size:78px;margin:25px 0 50px}.bag-columns{display:grid;grid-template-columns:1.65fr 1fr;gap:8%}.bag-row{display:grid;grid-template-columns:125px 1fr auto;gap:23px;align-items:center;border-bottom:1px solid var(--line);padding:24px 0}.bag-row>a>img{width:125px;height:125px}.bag-row h2{font-size:25px}.bag-row h2 small{font-size:16px;color:#8a8376}.bag-row p{font-size:13px;color:#82786a;margin:8px 0}.bag-row small{font-size:10px;color:#948977}.bag-row>div:last-child{align-self:start;text-align:right;margin-top:10px}.bag-row>div:last-child>b{font-size:14px}.bag-row>div:last-child>button{display:flex;font-size:12px;margin-left:auto}.quantity{display:flex;gap:10px;align-items:center;width:max-content;border:1px solid #ccc5b9;border-radius:30px;margin-top:13px;font-size:12px}.quantity button{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.quantity .ui-icon{width:13px;height:13px}.bag-total{padding:30px;background:#eae6dc;height:max-content;margin-top:24px}.bag-total h2{font-size:30px;margin-bottom:30px}.bag-total>div{display:flex;justify-content:space-between;gap:15px;margin:15px 0;font-size:13px}.bag-total>p{font-size:13px;margin-top:20px}.bag-total .pill{font-size:12px}.warning-text{color:#a26a46}.empty-bag{padding:45px 0 100px}.empty-bag h2{font-size:30px}.empty-bag p{font-size:15px;color:#817869;margin:25px 0}.empty-bag>a{margin-right:25px}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);background:#292b26;color:white;padding:14px 23px;border-radius:5px;max-width:90%;font-size:13px;opacity:0;pointer-events:none;z-index:100;transition:opacity .2s,transform .2s}#toast.show{opacity:1;transform:translate(-50%,0)}dialog{background:var(--paper);color:var(--ink);border:0;padding:45px;width:min(640px,92vw);max-height:85vh}dialog::backdrop{background:#1b1a1670;backdrop-filter:blur(3px)}dialog h2{font-size:31px;margin-bottom:25px}.close{position:absolute;right:10px;top:8px}#search-results{margin-top:25px}#search-results>a{display:flex;align-items:center;gap:20px;padding:12px 0;border-bottom:1px solid var(--line)}#search-results img{width:65px;height:65px}#search-results span{flex:1}#search-results small{display:block;color:#7f7565;margin-top:4px}

@media(max-width:1180px){.hero-copy h1{font-size:74px}.hero-copy{padding-top:145px}.hero-bottom{gap:38px}.reference-route{height:760px}.route-title{max-width:300px}.route-title h1,.route-title h2{font-size:36px}.route-title>p{font-size:18px}.route-title>span{font-size:12px}.route-toolrail{width:120px}.route-toolrail>a,.route-toolrail>button{padding:13px 14px;gap:12px;font-size:12px}.route-floating-bom{width:225px;padding:18px}.tool-drawer{left:calc(4.5% + 132px);width:290px}.foot-top>div{gap:24px}.foot-top .logo{font-size:28px}.foot-top .foot-quote{max-width:220px}.scene{height:370px}.dark-scene{height:740px}.dark-copy h2{font-size:40px}}
@media(max-width:960px){header{height:74px;padding:0 4%}header nav{gap:22px;font-size:12px}.logo{font-size:20px}.nav-end{gap:8px}.reference-hero{min-height:800px}.hero-copy{margin-left:6%;width:48%;padding-top:155px}.hero-copy h1{font-size:68px}.hero-copy p{font-size:16px}.hero-bottom{left:6%;gap:28px}.hero-bottom>div{font-size:10px}.hero-bottom b{font-size:11px}.pdp-info .product-name{font-size:57px}.pdp-info .product-tag{font-size:20px}.pdp-main-image{height:400px}.pdp-top{min-height:400px}.product-description{font-size:13px;margin-top:32px}.story-top{min-height:350px}.story-copy{padding:35px 20px 35px 0}.story-copy h2{font-size:26px}.story-copy p{font-size:12px}.scene{height:300px}.scene-heading h2{font-size:30px}.scene-heading p{font-size:14px}.scene h3{font-size:18px}.scene>div{left:16px;bottom:16px}.dark-scene{height:650px}.dark-copy{left:15%;right:5%;top:70px}.dark-copy h2{font-size:35px}.foot-top{align-items:flex-start}.foot-top>div{align-items:flex-start;flex-direction:column;gap:14px}.bag-columns{grid-template-columns:1fr}.bag-total{max-width:500px}.object-row{gap:6%;padding:45px 5%;min-height:500px}.object-copy{width:48%}.object-copy h2{font-size:57px}.object-copy h3{font-size:19px}.object-copy p{font-size:13px}.actions{gap:16px}.object-copy .actions{align-items:flex-start;flex-direction:column;gap:4px}.collection-title>div{align-items:flex-start;flex-direction:column}.result-columns{gap:5%}}
@media(max-width:700px){html{scroll-padding-top:65px}header,.is-editor header{height:68px;padding:0 18px}.logo{font-size:17px;letter-spacing:-.6px}header>.logo{position:absolute;left:50%;transform:translateX(-50%)}header nav{display:none}.mobile-menu{display:inline-flex;padding:0;justify-content:flex-start}.mobile-menu .ui-icon{width:19px;height:19px}.menu-open header nav{display:flex;position:absolute;left:0;right:0;top:68px;padding:24px;background:#f4f2ee;box-shadow:0 15px 25px #0001;flex-direction:column;gap:15px;font-size:16px}.nav-end .search-icon{display:none}.nav-end .pill.small{background:transparent;color:var(--ink);padding:5px 0;min-height:40px;font-size:10px}.pill{min-height:44px;padding:13px 21px;font-size:12px;gap:19px}.text-link{font-size:12px}.section{padding:60px 6%}.eyebrow{font-size:10px;letter-spacing:.17em}.reference-hero{height:calc(100svh);min-height:760px;max-height:1000px}.hero-photo{object-position:center}.hero-copy{margin-left:7%;padding-top:132px;width:77%}.hero-copy .eyebrow{display:none}.hero-copy h1{font-size:clamp(38px,10.5vw,64px);line-height:1.08;margin:0 0 25px;letter-spacing:-.025em}.hero-copy p{font-size:13px;line-height:1.7;margin-bottom:0}.hero-copy .pill{position:absolute;top:calc(100svh - 143px);left:0;min-height:42px;white-space:nowrap}.hero-bottom{left:7%;bottom:30px;right:7%;display:block}.hero-bottom>div{display:none}.scroll{color:#fff;font-size:10px;display:inline-block;margin:0}.reference-route{height:790px;min-height:0}.route-preview{margin:50px 0}.route-title,.editor .route-title{top:26px;left:6%;max-width:88%;pointer-events:none}.route-title h1,.route-title h2{font-size:30px;line-height:1.2}.route-title>p{font-size:15px;margin-top:4px}.route-title>span{display:none}.route-title>.pill{margin-top:17px;font-size:11px;min-height:36px;padding:10px 18px}.route-title>.text-link{display:none}.route-scene,.editor .route-scene{inset:70px -6% 125px -6%}.route-toolrail{left:6%;bottom:203px;width:88%;border-radius:10px;display:flex;background:#f7f5efe6}.route-toolrail>a,.route-toolrail>button{width:25%;padding:9px 5px;min-height:49px;gap:6px;justify-content:center;border-bottom:0;border-right:1px solid #e3dfd5;font-size:10px}.route-toolrail .ui-icon{width:17px;height:17px}.route-toolrail small{display:none}.route-floating-bom,.editor .route-floating-bom{right:5%;bottom:26px;width:90%;padding:15px 16px;border-radius:17px;max-height:none;overflow:visible;display:grid;grid-template-columns:repeat(3,1fr);column-gap:8px}.route-floating-bom>h3{grid-column:1/-1;font-size:13px;margin-bottom:7px}.route-floating-bom>a:not(.pill){display:flex;flex-direction:column;gap:3px;font-size:10px;margin:0}.route-floating-bom>a>img{width:100%;height:40px;border-radius:5px}.route-floating-bom>.pill{grid-column:1/-1;margin-top:12px;min-height:38px;font-size:11px;padding:10px 14px}.route-key-hints{display:none}.reference-pdp{width:88%;margin:25px auto 70px}.featured-pdp{margin-top:75px}.pdp-top{position:relative;min-height:315px;display:block;padding-top:0}.pdp-info{width:100%;padding:0;position:relative;z-index:2;pointer-events:none}.pdp-info .eyebrow{display:none}.pdp-info .product-name{font-size:32px;margin:8px 0 15px;padding-top:5px}.pdp-info .product-tag,.pdp-info .product-description{display:none}.swatches{gap:3px;width:max-content;pointer-events:auto}.swatches button{width:25px;height:25px;padding:3px}.pdp-gallery{width:70%;position:absolute;right:0;top:0}.pdp-main-image{height:305px;border-radius:5px}.pdp-main-image>img{object-position:center}.pdp-thumbs,.pdp-tabs,.pdp-tab-copy,.product-features{display:none}.mobile-details{display:block}.mobile-details summary{font-size:13px;min-height:56px;padding:17px 0}.mobile-details p{font-size:12px}.pdp-purchase{margin-top:26px}.pdp-purchase .pill{width:100%;min-height:46px;font-size:12px}.brand-story{width:90%;margin-bottom:65px}.story-top{min-height:275px}.story-copy{width:52%;padding:20px 10px 20px 0}.story-copy h2{font-size:19px;line-height:1.55;margin-bottom:17px}.story-copy p{font-size:10px;line-height:1.9;word-break:normal}.story-copy .text-link{font-size:10px;margin-top:12px}.story-top>img{width:48%;max-height:300px;object-position:65% center}.metrics{padding:27px 0 30px}.metric-icon{height:25px}.metric-icon .ui-icon{width:21px;height:21px}.metrics b{font-size:23px;margin:12px 0 3px}.metrics>div>span:last-child{font-size:10px}.sustainability{height:300px}.sustainability>div{left:23px;bottom:26px}.sustainability h2{font-size:23px}.sustainability p{font-size:11px;margin:9px 0 14px}.sustainability .pill{font-size:10px;min-height:36px;padding:9px 17px}.scenes{width:90%;margin:65px auto;gap:12px;grid-template-columns:1fr 1fr}.scene{height:235px;border-radius:6px}.scene-heading{padding:0 8px 0 0}.scene-heading h2{font-size:22px;margin:18px 0;line-height:1.5}.scene-heading p{font-size:11px;line-height:1.9}.scene-heading .eyebrow{font-size:9px}.scene>div{left:8px;bottom:9px;padding:7px 8px}.scene h3{font-size:12px;letter-spacing:0}.scene p{font-size:9px;line-height:1.6}.dark-scene{height:620px}.dark-scene>img{object-position:60% center}.dark-copy{top:55px;left:6%;right:6%}.dark-copy h2{font-size:29px}.dark-copy p{font-size:12px;margin:18px 0 23px}.dark-copy .pill{font-size:11px;min-height:41px;padding:11px 23px}.dark-steps{left:7%;bottom:32px;gap:15px;font-size:12px}.dark-steps b{font-size:13px}.dark-steps small{font-size:10px}footer{padding:30px 6% 20px}.foot-top{display:block}.foot-top .logo{font-size:29px}.foot-top p{font-size:10px}.foot-top .foot-quote{max-width:none;margin-top:22px;font-size:10px}.foot-bottom{margin-top:22px;gap:14px;align-items:flex-start;flex-direction:column;font-size:8px}.foot-bottom>div{gap:20px;font-size:10px}.editor.reference-route{height:calc(100svh - 68px);min-height:730px}.editor .route-title>.pill{display:none}.editor .route-scene{inset:45px -5% 165px -5%}.editor .route-toolrail{bottom:248px}.editor .route-floating-bom{bottom:18px;display:block;padding:13px 15px}.editor .route-floating-bom h3{margin-bottom:8px}.mini-bom{display:flex;gap:10px;overflow:auto;max-height:94px;padding-bottom:3px}.mini-bom .bom-row{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:77px;width:77px;position:relative;padding:0;margin:0;border:0;font-size:10px}.mini-bom .bom-row>img{width:72px;height:43px}.mini-bom .bom-row>div{flex:0}.mini-bom .bom-row>button{position:absolute;right:3px;top:1px;background:#f9f7f1cc;border-radius:50%;padding:2px}.editor .route-floating-bom>.pill{margin-top:10px}.review-link{margin-top:6px;font-size:9px}.tool-drawer{position:absolute;left:5%;right:5%;bottom:18px;width:90%;max-height:calc(100% - 120px);padding:0 20px 20px;z-index:22}.drawer-head{margin-bottom:12px}.flat-editor{left:3%;right:3%;top:130px;bottom:18px;z-index:25;padding:12px;overflow:auto}.canvas-area{min-height:280px}.canvas-toolbar{flex-wrap:wrap;gap:5px 12px}.canvas-toolbar button{font-size:11px}.route-fallback{padding:90px 15px 220px}.collection-title{padding-top:45px}.collection-title h1{font-size:45px;margin:22px 0}.collection-title p{font-size:13px}.filter-links{gap:14px;flex-wrap:wrap;font-size:10px}.object-row,.object-row.reverse{flex-direction:column;padding:30px 6% 55px;gap:26px}.object-picture,.object-copy{width:100%}.object-copy h2{font-size:49px;margin:17px 0 10px}.object-copy h3{font-size:19px}.object-copy p{font-size:13px;margin:18px 0}.object-copy .actions{flex-direction:row;align-items:center;gap:20px}.object-copy .pill{font-size:11px;padding:12px 18px}.object-copy .text-link{font-size:11px}.kit h2{font-size:32px}.kit p{font-size:12px}.guide h1{font-size:37px;margin:23px 0}.guide>p{font-size:13px}.guide-body{margin:40px 0}.install-step{gap:20px;padding:28px 0}.install-step h2{font-size:26px}.install-step h3{font-size:17px}.install-step p{font-size:13px}.result-page h1{font-size:46px}.result-map{padding:20px 0;margin:35px 0}.result-columns{grid-template-columns:1fr;gap:40px}.result-columns h2{font-size:23px}.export-actions{gap:10px}.export-actions button,.export-actions label{font-size:11px}.bag-page h1{font-size:47px;margin:20px 0}.bag-row{grid-template-columns:76px 1fr auto;gap:12px;padding:20px 0}.bag-row>a>img{width:76px;height:85px}.bag-row h2{font-size:21px}.bag-row h2 small{font-size:13px}.bag-row p{font-size:10px}.bag-row>div:last-child>b{font-size:11px}.bag-total{padding:24px}.about-page{padding-top:15px}.about-principles h2{font-size:27px}.about-principles>p{font-size:13px}dialog{padding:38px 22px}dialog h2{font-size:25px}.actions{flex-wrap:wrap}#toast{font-size:12px;width:max-content;max-width:90%;padding:12px 18px}}
@media(max-width:380px){.hero-copy h1{font-size:38px}.scene{height:205px}.scene-heading h2{font-size:19px}.story-copy h2{font-size:17px}.pdp-gallery{width:66%}.pdp-main-image{height:290px}.pdp-top{min-height:295px}.route-toolrail>a,.route-toolrail>button{font-size:9px;gap:4px}.route-toolrail .ui-icon{width:15px}.dark-copy h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{header,footer,.export-actions,.route-toolrail,.route-floating-bom,.tool-drawer,#toast{display:none!important}body{background:white}.section{padding:20px}.result-columns{display:block}.result-map{break-inside:avoid}}

.fixing-choice{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;font-size:11px;color:#7c786f;margin-bottom:14px}.fixing-choice select{min-height:32px;padding:4px 10px;font-size:11px;border:0;background:transparent}.route-title .text-link .ui-icon{width:14px;height:14px}.mini-bom .bom-row{padding:7px 0}

.route-preview .reference-route-photo{inset:0}.reference-route-photo img,.static-scene .fallback-photo{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.editor .route-scene.static-scene{inset:0}.fallback-edit{position:absolute;z-index:3;left:29%;bottom:67px;font-size:11px;display:flex;align-items:center;gap:9px;background:#f8f6efe8;border-radius:30px;padding:9px 14px}.fallback-edit .ui-icon{width:13px;height:13px}@media(max-width:700px){.route-preview .reference-route-photo{inset:120px 0 240px}.reference-route-photo img,.static-scene .fallback-photo{object-fit:contain}.editor .route-scene.static-scene{inset:70px 0 257px}.fallback-edit{bottom:-5px;left:50%;transform:translateX(-50%);width:max-content;max-width:95%;font-size:9px;padding:6px 10px}.mobile-details summary:after{mask-image:url('/assets/icons/chevron-down.svg');-webkit-mask-image:url('/assets/icons/chevron-down.svg')}.mobile-details details[open] summary:after{mask-image:url('/assets/icons/chevron-up.svg');-webkit-mask-image:url('/assets/icons/chevron-up.svg')}}

@media(min-width:701px){[data-product="rail-40"] .pdp-main-image>img{object-position:50% 15%}}