@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Kanit:wght@300;400;500;600;700&display=swap";
:root{--black:#000;--surface:#141414;--surface-2:#1a1a1a;--white:#fff;--muted:#c3c6d5;--blue:#0758c9;--light-blue:#9dc5ff;--line:#777}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--black);color:var(--white);margin:0;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}img{display:block}.section-shell{width:min(1220px,100% - 40px);margin-inline:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Kanit,Inter,sans-serif}h2{font-size:clamp(2.3rem,4.4vw,3.5rem);font-weight:500;line-height:1.12}.button{background:var(--blue);color:#fff;text-transform:uppercase;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-size:14px;font-weight:700;transition:transform .2s,background .2s;display:inline-flex}.button:hover{background:#0b66e4;transform:translateY(-1px)}.button-arrow{gap:30px}.button-arrow span{font-size:27px;font-weight:300}.site-header{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#303030a8;border-radius:14px;grid-template-columns:1fr auto 1fr;align-items:center;width:min(1220px,100% - 40px);min-height:88px;padding:14px 18px;display:grid;position:fixed;top:18px;left:50%;transform:translate(-50%)}.brand{justify-self:start;width:min(260px,27vw)}.brand img{width:100%;height:auto}.site-nav{align-items:center;gap:34px;display:flex}.site-nav a{color:var(--muted);text-transform:uppercase;white-space:nowrap;padding-block:6px;font-size:14px;font-weight:600}.site-nav a.active{color:#fff;border-bottom:2px solid var(--blue)}.header-cta{justify-self:end}.menu-toggle{display:none}.page-header{min-height:124px}.hero{background-image:linear-gradient(90deg,#000000b3 8%,#0000001a),linear-gradient(#0003,#0003),url(https://cdn.prod.website-files.com/69fb72d87a0fddbb77bbed14/6a6bb1d05fb4118cf57e4d79_Homebase%20New%20Banner.jpg);background-position:50%;background-size:cover;min-height:100vh}.hero-shell{padding-top:18px}.hero-copy{max-width:455px;padding-top:clamp(180px,29vh,310px)}.hero-copy h1{margin-bottom:24px;font-size:clamp(4rem,5vw,4.5rem);font-weight:700;line-height:1.03}.hero-copy h1 span{color:var(--blue);display:block}.hero-copy p{color:#dce1ee;max-width:420px;font-size:28px;line-height:1.4}.value-section{padding-block:125px 110px}.value-intro{grid-template-columns:1fr 1fr;align-items:start;gap:100px;display:grid}.value-intro h2{max-width:590px}.value-intro p{color:#e1e1e1;padding-top:18px;font-size:24px;line-height:1.35}.benefit-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:105px;display:grid}.benefit-card{background:var(--surface);text-align:center;min-height:390px;padding:40px 42px}.benefit-card img{margin:0 auto 30px}.benefit-card h3{margin-bottom:18px;font-size:42px;line-height:1.15}.benefit-card p{color:#e2e2e2;font-size:23px;line-height:1.45}.designs-section{padding-block:45px 130px}.designs-section h2,.related-section h2{margin-bottom:34px}.plan-grid{gap:20px;display:grid}.featured-grid{grid-template-columns:repeat(4,1fr)}.plan-card{background:var(--surface);border-radius:12px;min-width:0;padding:14px;overflow:hidden}.plan-image-link{aspect-ratio:1.46;background:#222;border-radius:9px;display:block;position:relative;overflow:hidden}.plan-image-link img{object-fit:cover;transition:transform .3s}.plan-card:hover .plan-image-link img{transform:scale(1.025)}.plan-name{padding:16px 0 12px;font-family:Kanit,sans-serif;font-size:28px;font-weight:600;line-height:1;display:block}.plan-basement-pill{margin:-4px 0 12px}.plan-spec-row{color:var(--light-blue);grid-template-columns:1.4fr repeat(4,1fr);gap:7px;display:grid}.plan-spec-row div{flex-direction:column;min-width:0;display:flex}.plan-spec-row strong,.plan-spec-row span{text-transform:uppercase;text-overflow:ellipsis;font-size:13px;font-weight:400;line-height:1.25;overflow:hidden}.centered-action{justify-content:center;margin-top:34px;display:flex}.how-section{background:#121414;padding-block:90px 105px}.how-grid{grid-template-columns:repeat(4,1fr);gap:42px;margin-top:35px;display:grid}.how-grid article>span{color:#74757d;letter-spacing:-8px;margin-bottom:14px;font-size:112px;font-weight:500;line-height:1;display:block}.how-grid h3{margin-bottom:16px;font-size:42px;line-height:1.15}.how-grid p{color:#e2e2e2;font-size:21px;line-height:1.45}.membership-section{background-image:linear-gradient(#0000,#000),linear-gradient(#000,#0000),url(https://cdn.prod.website-files.com/69fb72d87a0fddbb77bbed14/69fe21d66a72a27cb9667e38_Section%20-%20SECTION%206_%20SUBSCRIPTION%20\(1\).jpg);background-position:50%;background-size:cover;min-height:655px;padding-block:80px}.membership-shell>h2{text-align:center}.membership-card{background:var(--surface);grid-template-columns:1.3fr .7fr;gap:50px;width:min(610px,100%);margin:30px auto 0;padding:48px;display:grid}.membership-card h3{font-size:46px;line-height:1.15}.membership-card>strong{font-family:Kanit,sans-serif;font-size:48px}.membership-card ul,.subscribe-card ul{margin:30px 0 42px;padding:0;list-style:none}.membership-card li,.subscribe-card li{margin-block:18px;font-size:20px}.membership-card li:before,.subscribe-card li:before{content:"✓";border:2px solid var(--light-blue);width:21px;height:21px;color:var(--light-blue);border-radius:50%;place-items:center;margin-right:14px;font-size:12px;display:inline-grid}.story-section{grid-template-columns:1fr 1fr;align-items:center;gap:85px;padding-block:120px;display:grid}.story-copy h2{max-width:530px}.story-copy blockquote{color:#e5e5e5;margin:24px 0;font-size:21px;line-height:1.5}.story-copy>p{text-transform:uppercase;font-size:13px;font-weight:600}.story-photo{aspect-ratio:1/.98;background:#292929;position:relative;transform:rotate(2.5deg)}.story-photo img{object-fit:cover}.faq-section{padding-block:30px 120px}.centered-heading{text-align:center}.faq-list{width:min(980px,100%);margin:40px auto 0}.faq-list details{color:#050505;background:#ececec;border-radius:12px;margin-bottom:20px}.faq-list summary{cursor:pointer;padding:22px 56px 22px 22px;font-size:21px;list-style:none;position:relative}.faq-list summary:after{content:"⌄";position:absolute;right:24px}.faq-list details[open] summary:after{transform:rotate(180deg)}.faq-list details p{padding:0 22px 24px;font-size:16px;line-height:1.55}.site-footer{background:#245fbe;padding:48px max(20px,50% - 610px)}.footer-inner{justify-content:space-between;align-items:end;display:flex}.footer-inner img{width:260px;height:auto}.footer-inner nav{text-transform:uppercase;gap:34px;font-size:13px;font-weight:600;display:flex}.site-footer>p{text-transform:uppercase;margin:30px 0 0;font-size:12px}.library-hero{text-align:center;padding-block:115px 110px}.library-hero h1{margin-bottom:32px;font-size:clamp(3rem,5vw,4.2rem);line-height:1.1}.library-hero h1 span{color:var(--blue)}.library-hero p{color:#e2e2e2;font-size:22px;line-height:1.45}.library-layout{grid-template-columns:310px 1fr;align-items:start;gap:30px;padding-bottom:110px;display:grid}.filters{background:var(--surface);padding:30px;position:sticky;top:124px}.search-filter>span,.filter-group legend{color:#e7e7e7;text-transform:uppercase;border-bottom:1px solid #ddd;width:100%;margin-bottom:18px;padding-bottom:7px;font-size:13px;font-weight:600;display:block}.search-filter input,.range-row input{color:#fff;background:#4b4c53;border:0;border-radius:6px;outline:0;width:100%}.search-filter input{height:39px;padding:0 14px}.search-filter input::placeholder,.range-row input::placeholder{color:#b9b9b9}.filter-group{border:0;min-width:0;margin:32px 0 0;padding:0}.choice-row{flex-wrap:wrap;gap:10px 15px;display:flex}.filter-group label{color:#e1e1e1;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;display:flex}.filter-group input[type=checkbox]{appearance:none;background:0 0;border:2px solid #c8cad4;border-radius:1px;width:18px;height:18px;margin:0}.filter-group input[type=checkbox]:checked{border-color:var(--blue);background:var(--blue);box-shadow:inset 0 0 0 3px var(--surface)}.style-filter label{width:100%}.range-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.range-row input{text-align:center;min-width:0;height:38px;padding:0 10px}.filters>.button{margin-top:30px}.result-count{color:#aaa;text-align:right;margin:0 0 12px;font-size:13px}.library-grid{grid-template-columns:repeat(3,1fr)}.empty-state{color:#bbb;text-align:center;min-height:300px;padding-top:100px;font-size:20px}.pagination{justify-content:center;align-items:center;gap:22px;margin-top:34px;display:flex}.pagination button{background:var(--blue);color:#fff;text-transform:uppercase;cursor:pointer;border:0;border-radius:9px;min-height:48px;padding:0 20px;font-weight:700}.pagination button:disabled{opacity:.35;cursor:default}.pagination span{color:#bbb;font-size:13px}.subscribe-page{background-image:linear-gradient(360deg,#000,#00000014 30%,#0000 46%),url(https://cdn.prod.website-files.com/69fb72d87a0fddbb77bbed14/69fe375c1569da25f021094c_Subscription.png);background-position:top;background-repeat:no-repeat;background-size:cover;min-height:100vh}.subscribe-shell{padding-top:18px}.subscribe-shell>h1{text-align:center;margin:115px 0 25px;font-size:58px}.subscribe-card{background:#000;grid-template-columns:1fr 1fr;gap:70px;padding:64px 78px;display:grid}.subscribe-card h2{font-size:50px}.price-card{background:var(--surface);text-align:center;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;min-height:280px;display:flex}.price-card strong{font-family:Kanit,sans-serif;font-size:54px}.price-card p{margin:12px 0 24px;font-size:21px}.product-hero{padding-block:24px 80px}.product-layout{grid-template-columns:minmax(0,1.65fr) minmax(280px,.7fr);align-items:start;gap:22px;display:grid}.product-media{gap:20px;min-width:0;display:grid}.product-summary{min-width:0;position:sticky;top:124px}.product-summary-card{background:#121212;border-radius:12px;padding:26px 24px}.product-summary h1{border-bottom:1px solid #c7c7c7;margin:0 0 24px;padding-bottom:22px;font-family:Inter,Arial,sans-serif;font-size:clamp(1.85rem,2.4vw,2.25rem);font-weight:700;line-height:1.2}.exterior-image{aspect-ratio:2;background:#292c2b;border:8px solid #292c2b;border-radius:12px;display:block;position:relative;overflow:hidden}.exterior-image img{object-fit:contain}.exterior-image:focus-visible{outline:3px solid var(--light-blue);outline-offset:4px}.product-summary h2{text-transform:uppercase;margin:0 0 18px;font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:500;line-height:1.5}.product-spec-list{gap:16px;margin:0;padding:0;list-style:none;display:grid}.product-spec-row{align-items:flex-start;gap:8px;min-width:0;display:flex}.product-spec-row>img{object-fit:contain;flex:0 0 24px;width:24px;height:24px}.product-spec-row p{overflow-wrap:anywhere;min-width:0;margin:0;font-size:13px;line-height:24px}.product-spec-row strong{text-transform:uppercase;font-weight:700}.product-spec-row span{font-weight:400}.product-summary .product-dimensions-heading{border-top:1px solid #c7c7c7;margin-top:24px;padding-top:20px}.product-cta{width:100%;margin-top:20px}.floorplan-image{background:#fff;border-radius:10px;justify-content:center;align-items:center;padding:18px;display:flex}.floorplan-image img{width:100%;height:auto}.related-section{padding-block:50px 80px}@media (max-width:1050px){.featured-grid{grid-template-columns:repeat(2,1fr)}.benefit-card{padding-inline:24px}.benefit-card h3{font-size:32px}.how-grid{grid-template-columns:repeat(2,1fr)}.library-layout{grid-template-columns:270px 1fr}.library-grid{grid-template-columns:repeat(2,1fr)}.product-layout{grid-template-columns:minmax(0,1.4fr) minmax(240px,.8fr);gap:28px}}@media (max-width:760px){.section-shell{width:min(100% - 28px,1220px)}.site-header{grid-template-columns:1fr auto;width:calc(100% - 28px);min-height:72px}.brand{width:190px}.menu-toggle{background:0 0;border:0;place-content:center;gap:5px;width:44px;height:44px;display:grid}.menu-toggle span{background:#fff;width:24px;height:2px;display:block}.site-nav{background:#191919fa;border-radius:10px;flex-direction:column;align-items:stretch;gap:0;padding:16px;display:none;position:absolute;top:calc(100% + 8px);left:0;right:0}.site-nav.is-open{display:flex}.site-nav a{padding:14px}.header-cta{display:none}.hero{background-position:63%;min-height:760px}.hero-copy{padding-top:205px}.hero-copy h1{font-size:53px}.hero-copy p{font-size:21px}.value-section,.story-section{padding-block:80px}.value-intro,.story-section,.subscribe-card{grid-template-columns:1fr;gap:35px}.benefit-grid,.how-grid{grid-template-columns:1fr;margin-top:55px}.benefit-card{min-height:auto}.featured-grid,.library-grid{grid-template-columns:1fr}.how-grid article>span{font-size:82px}.membership-card{grid-template-columns:1fr;padding:34px 26px}.membership-card>strong,.story-photo{grid-row:1}.footer-inner{flex-direction:column;align-items:start;gap:35px}.footer-inner nav{flex-direction:column;gap:14px}.library-hero{padding-block:80px 70px}.library-hero br{display:none}.library-layout{grid-template-columns:1fr}.filters{position:static}.subscribe-shell>h1{margin-top:80px;font-size:43px}.subscribe-card{padding:38px 24px}.product-layout{grid-template-columns:1fr;gap:28px}.product-summary{position:static}}.member-signin-line{color:#b9bcc9;text-align:center;margin:18px 0 0;font-size:14px}.price-card .member-referral-line{margin:0 0 20px;font-size:12px;line-height:1.5}.member-signin-line a{text-underline-offset:3px;text-decoration:underline}.member-signin-line a:hover{color:#fff}.member-signin-line a:focus-visible{outline:2px solid var(--light-blue);outline-offset:3px;border-radius:3px}.signin-page{flex-direction:column;min-height:100vh;display:flex}.signin-shell{flex:1;justify-content:center;align-items:center;padding-block:150px 90px;display:flex}.signin-card{background:var(--surface);border-radius:14px;width:min(520px,100%);padding:44px}.signin-card h1{margin-bottom:14px;font-size:clamp(2.1rem,4vw,2.8rem);line-height:1.1}.signin-card>p{color:#d3d6e2;font-size:17px;line-height:1.5}.signin-form{gap:16px;margin-top:30px;display:grid}.signin-form .button{width:100%;margin-top:6px}.form-error{color:#ffbfa3;margin:0;font-size:14px;line-height:1.5}.member-company-label{color:#c6c9d6;font-size:13px;font-weight:600}.member-main .panel a{text-underline-offset:3px;text-decoration:underline}.signin-forgot{margin:0;font-size:14px}.signin-forgot a{color:#c6c9d6;text-underline-offset:3px;text-decoration:underline}.signin-forgot a:hover{color:#fff}.signin-forgot a:focus-visible{outline:2px solid var(--light-blue);outline-offset:3px;border-radius:3px}.signin-note{color:#b9bcc9;border-top:1px solid #333;margin:26px 0 0;padding-top:22px;font-size:14px;line-height:1.6}.signin-note a{text-underline-offset:3px;text-decoration:underline}.member-body{background:var(--black);flex-direction:column;min-height:100vh;display:flex}.member-shell{width:min(1220px,100% - 40px);margin-inline:auto}.dev-banner{z-index:60;color:#9b9eab;letter-spacing:.04em;text-align:center;text-transform:uppercase;background:#1a1b22;border-bottom:1px solid #33343d;padding:8px 20px;font-size:11.5px;font-weight:600;position:sticky;top:0}.dev-banner strong{color:#d3d6e2}.member-header{z-index:55;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f0f0ff0;border-bottom:1px solid #262626;position:sticky;top:0}.member-header-inner{justify-content:space-between;align-items:center;gap:20px;min-height:74px;display:flex}.member-brand{flex-shrink:0;align-items:center;width:176px;display:flex}.member-brand img{width:100%;height:auto}.member-nav{align-items:center;gap:8px;display:flex}.member-nav a{min-height:40px;color:var(--muted);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;border-radius:8px;align-items:center;padding:0 14px;font-size:13px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.member-nav a:hover{color:#fff;background:#202020}.member-nav a[aria-current=page]{color:#fff;box-shadow:inset 0 -2px 0 var(--blue);background:#1d2b45}.member-header-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.portal-subnav-row{border-top:1px solid #1e1f26}.portal-subnav{align-items:center;gap:4px;min-height:46px;display:flex}.portal-subnav a{color:#9b9eab;white-space:nowrap;border-bottom:2px solid #0000;align-items:center;min-height:38px;padding:0 12px;font-size:13px;font-weight:500;transition:color .15s,border-color .15s;display:inline-flex}.portal-subnav a:hover{color:#e6e8f0}.portal-subnav a[aria-current=page]{color:#fff;border-bottom-color:var(--blue)}.panel .portal-tools-summary{margin:-4px 0 16px}.record-row .portal-tool-limit{color:#f1dfb0;margin-top:6px}.member-main{flex:1;padding-block:40px 90px}.member-page-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:18px 24px;margin-bottom:26px;display:flex}.member-page-head h1{margin-bottom:10px;font-size:clamp(2rem,3.6vw,2.9rem);line-height:1.08}.member-page-head p{color:#c6c9d6;max-width:640px;margin:0;font-size:16px;line-height:1.5}.member-page-actions{flex-wrap:wrap;gap:10px;display:flex}.panel{background:var(--surface);border-radius:12px;margin-bottom:22px;padding:26px}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px 20px;margin-bottom:18px;display:flex}.panel-head h2{letter-spacing:-.02em;align-items:center;gap:10px;margin:0;font-size:28px;font-weight:500;display:flex}.preference-panel{border-left:3px solid #8fe3c0}.notice-panel{border-left:3px solid var(--blue)}.notice-panel h2{text-transform:none;letter-spacing:normal;margin:0 0 8px;font-size:19px;font-weight:600}.notice-panel p{color:#c6c9d6;margin:0 0 14px}.preference-summary{align-items:center;gap:16px;margin-top:4px;display:flex}.preference-thumb{aspect-ratio:1.46;background:#222;border-radius:8px;flex-shrink:0;width:84px;position:relative;overflow:hidden}.panel-head p{color:#a9acba;margin:0;font-size:14px}.panel h3{margin-bottom:12px;font-size:19px;font-weight:500}.panel-split{grid-template-columns:1.6fr 1fr;align-items:start;gap:22px;display:grid}.stack{gap:12px;display:grid}.form-section{border-bottom:1px solid #26272f;margin-bottom:26px;padding-bottom:26px}.form-section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.form-section>h3{margin:0 0 14px}.button-quiet{color:#e6e8f0;background:0 0;border:1px solid #4a4b55}.button-quiet:hover{border-color:var(--light-blue);background:#1f2330;transform:translateY(-1px)}.button-small{min-height:38px;padding:0 14px;font-size:12px}.button-danger{background:#7c2626}.button-danger:hover{background:#963030}.button:disabled,.button[aria-disabled=true]{opacity:.4;cursor:not-allowed;transform:none}.button-locked,.button-locked:disabled,.button-locked[aria-disabled=true]{color:#9b9eab;opacity:1;background:#2a2b33;border:1px solid #3a3b45}.locked-action{gap:8px;display:grid}.link-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.link-list a{border-radius:8px;flex-direction:column;gap:3px;padding:13px 12px;display:flex}.link-list a:hover{background:#1c1d24}.link-list a strong{color:#fff;font-size:16px;font-weight:600}.link-list a span{color:#9b9eab;font-size:13px}.icon-button{color:#e6e8f0;cursor:pointer;background:0 0;border:1px solid #4a4b55;border-radius:8px;place-items:center;width:34px;height:34px;font-size:15px;display:inline-grid}.icon-button:hover:not(:disabled){border-color:var(--light-blue);background:#1f2330}.icon-button:disabled{opacity:.3;cursor:not-allowed}.member-body :focus-visible{outline:2px solid var(--light-blue);outline-offset:2px}.wl-page :focus-visible{outline:2px solid var(--wl-accent-text);outline-offset:3px}.wl-skip{z-index:30;background:var(--wl-ink);color:var(--wl-paper);padding:8px 14px;font-size:14px;font-weight:600;position:absolute;left:-9999px}.wl-skip:focus{outline:2px solid var(--wl-accent-text);outline-offset:2px;top:12px;left:12px}.pill{letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 11px;font-size:11px;font-weight:700;display:inline-flex}.pill-draft{color:#d6d8e2;background:#34353d}.pill-pending{color:#ffd98a;background:#4a3a12}.pill-approved{color:#8fe3c0;background:#123a2c}.pill-published{color:var(--light-blue);background:#10315e}.pill-neutral{color:#c9cbd6;background:#2a2b33}.pill-action{color:#ffbfa3;background:#4a2418}.membership-summary{align-items:center;gap:12px;margin-bottom:16px;display:flex}.membership-renewal{color:#c6c9d6;font-size:14px}.proto-note{color:#c2c5d3;background:#17171d;border:1px dashed #55566a;border-radius:10px;align-items:flex-start;gap:12px;padding:14px 16px;font-size:14px;line-height:1.55;display:flex}.proto-note strong{color:#fff;letter-spacing:.05em;text-transform:uppercase;margin-bottom:4px;font-size:12px;font-weight:700;display:block}.proto-note ul{margin:8px 0 0;padding-left:18px}.proto-note li{margin-bottom:5px}.field{gap:7px;display:grid}.field>span{color:#cbcedb;letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:600}.field input,.field textarea,.field select{color:#fff;background:#232430;border:1px solid #45464f;border-radius:8px;width:100%;padding:11px 13px;font-size:15px}.field input:hover,.field textarea:hover,.field select:hover{border-color:#6a6b78}.field textarea{resize:vertical;min-height:96px}.field-hint{color:#9b9eab;margin:0;font-size:13px;line-height:1.45}.field-placeholder-value{color:#6c6e7a;background:0 0;border:1px dashed #3a3b45;border-radius:8px;width:100%;padding:11px 13px;font-size:15px;font-style:italic}.field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.field input[type=color]{cursor:pointer;height:44px;padding:4px}.filter-bar{gap:14px;margin-bottom:18px;display:grid}.filter-bar-top{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:12px;display:grid}.filter-bar-ranges{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:12px;display:grid}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{color:#d3d6e2;cursor:pointer;background:0 0;border:1px solid #45464f;border-radius:999px;padding:6px 13px;font-size:13px}.chip:hover{border-color:var(--light-blue)}.chip[aria-pressed=true]{border-color:var(--blue);background:var(--blue);color:#fff;font-weight:600}.status-filter .chip{color:#9b9eab;border-color:#2c2d35;padding:5px 11px;font-size:12px}.status-filter .chip:hover{color:#e6e8f0;border-color:#45464f}.status-filter .chip[aria-pressed=true]{border-color:var(--light-blue);color:var(--light-blue);background:0 0}.chip-group{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.chip-group>span{color:#9b9eab;letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:600}.pick-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;display:grid}.pick-card{background:var(--surface-2);border:1px solid #0000;border-radius:10px;flex-direction:column;transition:border-color .15s;display:flex;overflow:hidden}.pick-card:hover,.pick-card:focus-within{border-color:#3d4a63}.pick-card-image{aspect-ratio:1.46;background:#222;position:relative}.pick-card-image img{object-fit:cover}.pick-card-body{flex-direction:column;flex:1;gap:8px;padding:13px 14px 15px;display:flex}.pick-card-body h3{margin:0;font-size:21px;font-weight:600}.pick-card-meta{color:var(--light-blue);letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:12px}.pick-card .button{margin-top:auto}.order-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.order-row{background:var(--surface-2);border:1px solid #0000;border-radius:10px;grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:18px;padding:12px;transition:background .15s,border-color .15s;display:grid}.order-row:hover,.order-row:focus-within{background:#20222c;border-color:#3d4a63}.order-thumb{aspect-ratio:1.46;background:#222;border-radius:8px;position:relative;overflow:hidden}.order-thumb img{object-fit:cover}.order-main{min-width:0}.order-main h3{flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 6px;font-size:21px;font-weight:600;display:flex}.order-main p{color:#a9acba;margin:0;font-size:13px;line-height:1.45}.order-actions{align-items:center;gap:6px;display:flex}.order-position{color:#c9cbd6;font-variant-numeric:tabular-nums;background:#2a2b33;border-radius:999px;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:grid}.record-list{gap:14px;margin:0;padding:0;list-style:none;display:grid}.member-main .panel a.record-row{text-decoration:none}.record-row{background:var(--surface-2);border:1px solid #0000;border-radius:10px;padding:18px 20px;display:block}a.record-row:hover{background:#20222c;border-color:#3d4a63}.record-row-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 14px;display:flex}.record-row h3{margin:0;font-size:20px;font-weight:600}.record-row-client{color:var(--light-blue);margin:4px 0 0;font-size:13px;font-weight:600}.record-meta{color:#a9acba;flex-wrap:wrap;gap:6px 16px;margin:8px 0 0;font-size:13px;display:flex}.mini-thumb-row{margin-top:12px;display:flex}.mini-thumb{border:2px solid var(--surface-2);background:#26272f;border-radius:8px;width:40px;height:40px;margin-right:-12px;position:relative;overflow:hidden}.mini-thumb img{object-fit:cover}.mini-thumb-more{color:#c9cbd6;place-items:center;font-size:11px;font-weight:700;display:grid}.empty-panel{color:#a9acba;text-align:center;border:1px dashed #3a3b45;border-radius:10px;gap:6px;padding:40px 24px;font-size:15px;display:grid}.empty-panel-title{color:#e6e8f0;font-size:17px;font-weight:600}.empty-panel p{margin:0}.empty-panel-action{margin-top:6px}.thread{gap:14px;margin:0;padding:0;list-style:none;display:grid}.thread-row{align-items:flex-start;gap:10px;display:flex}.thread-row.is-member{flex-direction:row-reverse}.thread-item{background:var(--surface-2);border-radius:10px;max-width:78%;padding:14px 16px}.thread-row.is-staff .thread-item{background:#16233a}.thread-row.is-member .thread-item{background:#232430}.thread-head{flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:6px;display:flex}.thread-head strong{font-size:14px}.thread-head time{color:#9b9eab;font-size:12px}.thread-item p{color:#e4e6ee;white-space:pre-wrap;margin:0;font-size:15px;line-height:1.55}.message-avatar{border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;margin-top:2px;font-size:13px;font-weight:700;display:grid}.message-avatar-member{background:var(--blue);color:#fff}.message-avatar-staff{color:var(--light-blue);background:#1d2b45}.file-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.file-row{background:var(--surface-2);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 14px;padding:12px 14px;display:flex}.file-row-main{align-items:center;gap:11px;min-width:0;display:flex}.file-row-main span{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.file-row small{color:#9b9eab;font-size:12px}.estimate-card{background:#14201a;border:1px solid #2f4a2f;border-radius:12px;padding:24px}.estimate-price{flex-wrap:wrap;align-items:baseline;gap:10px 32px;margin-bottom:18px;display:flex}.estimate-price strong{font-family:Kanit,sans-serif;font-size:46px;font-weight:500;line-height:1}.estimate-price span{color:#a9c9b4;font-size:15px}.estimate-card ul{color:#d6dfda;margin:10px 0 0;padding-left:20px;font-size:15px;line-height:1.6}.approve-box{border-top:1px solid #2f4a2f;margin-top:22px;padding-top:20px}.confirm-check{color:#dfe6e2;cursor:pointer;align-items:flex-start;gap:11px;margin-bottom:16px;font-size:15px;line-height:1.5;display:flex}.confirm-check input{width:20px;height:20px;accent-color:var(--blue);flex-shrink:0;margin:2px 0 0}.approved-receipt{color:#cfe3d6;background:#14201a;border:1px solid #2f4a2f;border-radius:10px;gap:6px;padding:18px;font-size:15px;display:grid}.approved-receipt strong{color:#8fe3c0;letter-spacing:.05em;text-transform:uppercase;font-size:13px}.menu-anchor{position:relative}.menu-trigger{color:#e6e8f0;cursor:pointer;background:0 0;border:1px solid #4a4b55;border-radius:999px;align-items:center;gap:9px;padding:6px 13px 6px 7px;font-size:13px;font-weight:600;display:flex}.menu-trigger:hover{border-color:var(--light-blue);background:#1f2330}.avatar{background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:grid}.badge{color:#fff;background:#c4442f;border-radius:999px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:11px;font-weight:700;display:inline-grid}.menu-panel{z-index:70;background:#16171d;border:1px solid #33343d;border-radius:12px;width:min(340px,100vw - 32px);position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 18px 44px #0000008c}.menu-section{border-bottom:1px solid #26272f;padding:14px 16px}.menu-section:last-child{border-bottom:0}.menu-section>h2{color:#9b9eab;letter-spacing:.07em;text-transform:uppercase;margin:0 0 10px;font-family:Inter,sans-serif;font-size:11px;font-weight:700}.menu-identity strong{font-size:15px;display:block}.menu-identity span{color:#9b9eab;word-break:break-all;margin-top:3px;font-size:13px;display:block}.menu-links{display:grid}.menu-links a,.menu-links button{color:#e6e8f0;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:44px;padding:10px 12px;font-size:14px;display:flex}.menu-links a:hover,.menu-links button:hover{background:#22232c}.menu-links button:disabled{color:#6c6e7a;cursor:not-allowed}.menu-links button:disabled:hover{background:0 0}.menu-link-detail{color:#9b9eab;align-items:center;gap:6px;font-size:12px;font-weight:500;display:inline-flex}.plan-use{display:inline-block}.plan-use-panel{left:0;right:auto}.plan-use-back{color:#9b9eab;font-size:13px}.notice-list{gap:8px;max-height:264px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.notice-item{background:#1d1e26;border-radius:8px;padding:10px 11px}.notice-item.is-unread{background:#1b2740}.notice-item a,.notice-item>div{gap:4px;display:grid}.notice-kind{color:var(--light-blue);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:700}.notice-item p{color:#dfe1ea;margin:0;font-size:13px;line-height:1.45}.notice-item time{color:#8d90a0;font-size:11px}.spinner{border:2px solid #3a3b45;border-top-color:var(--light-blue);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin;display:inline-block}.spinner-small{border-width:2px;width:14px;height:14px}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:1.6s}}@keyframes spin{to{transform:rotate(360deg)}}.async-page{color:#a9acba;text-align:center;justify-items:center;gap:14px;padding:90px 20px;font-size:15px;display:grid}.async-inline{color:#c6c9d6;align-items:center;gap:8px;font-size:13px;display:inline-flex}.async-panel{background:var(--surface);border-radius:12px;gap:8px;padding:22px 24px;display:grid}.async-panel strong{font-size:17px}.async-panel p{color:#c6c9d6;margin:0;font-size:15px;line-height:1.5}.async-panel-action{margin-top:8px}.async-panel-error{border:1px solid #4a2418}.async-panel-error strong{color:#ffbfa3}.async-panel-denied{border:1px solid #3a3b45}.async-panel-expired{background:0 0;border:1px dashed #55566a;padding:18px 20px}.async-panel-empty{color:#a9acba;text-align:center;border:1px dashed #3a3b45}.async-panel-unavailable{background:#17171d;border:1px dashed #55566a}.async-panel-unavailable strong{color:#fff;letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:700}.copy-field{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.copy-field code{color:#cfd3e2;white-space:nowrap;background:#232430;border-radius:8px;flex:1;min-width:220px;padding:11px 13px;font-size:13px;overflow-x:auto}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:1000px){.panel-split{grid-template-columns:1fr}.filter-bar-top{grid-template-columns:1fr 1fr}.filter-bar-ranges{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:980px){.member-header-inner{flex-wrap:wrap;row-gap:8px}.member-nav{order:3;width:100%}.portal-subnav{padding-bottom:4px;overflow-x:auto}.thread-item{max-width:90%}}@media (max-width:760px){.member-shell{width:min(100% - 28px,1220px)}.member-header-inner{flex-wrap:wrap;padding-block:12px}.member-nav{order:3;width:100%;padding-bottom:4px;overflow-x:auto}.member-nav a{padding:9px 11px;font-size:12px}.portal-subnav{min-height:40px}.portal-subnav a{min-height:34px;padding:0 10px;font-size:12px}.portal-subnav-with-overview{gap:0}.portal-subnav-with-overview a{padding:0 6px}.panel{padding:20px 17px}.filter-bar-top,.filter-bar-ranges{grid-template-columns:1fr}.order-row{grid-template-columns:68px minmax(0,1fr)}.order-actions{grid-column:1/-1}.thread-item{max-width:100%}.field-row{grid-template-columns:1fr}.signin-card{padding:30px 22px}.orientation-grid{grid-template-columns:1fr}}.wl-page{--brand-primary:#0758c9;--brand-secondary:#9dc5ff;--wl-ink:#1a1814;--wl-muted:#5e584f;--wl-line:#ddd6c8;--wl-paper:#f3efe6;--wl-on-accent:#1a1814;--wl-accent-text:#1a1814;background:var(--wl-paper);min-height:100vh;color:var(--wl-ink);font-family:Inter,Arial,sans-serif}.wl-portal-return{color:#fff;background:#0758c9;align-items:center;padding:10px 20px;font-size:13px;display:flex}.wl-portal-return a{color:inherit;text-underline-offset:3px;font-weight:600;text-decoration:underline}.wl-portal-return a:hover{color:#fff}.wl-ribbon{color:#f3efe6;letter-spacing:.08em;text-align:center;text-transform:uppercase;background:#1a1814;margin:0;padding:10px 20px;font-size:11px}.wl-shell{width:min(1120px,100% - 32px);margin-inline:auto}.wl-header{padding-block:22px}.wl-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 28px;display:flex}.wl-identity{align-items:center;gap:14px;min-width:0;display:flex}.wl-identity-link{min-width:44px;min-height:44px;color:inherit;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:flex}.wl-identity-link:hover{color:inherit;opacity:.88}.wl-identity-link:focus-visible{outline:3px solid var(--wl-accent-text);outline-offset:3px}.wl-identity .wl-logo{border:1.5px solid var(--brand-primary);width:56px;height:56px;color:var(--brand-primary);letter-spacing:.04em;background:0 0;border-radius:10px;flex-shrink:0;place-items:center;margin:0;font-family:Kanit,Inter,sans-serif;font-size:17px;font-weight:500;display:grid}.wl-identity .wl-logo-image{object-fit:contain;width:auto;max-width:200px;height:56px;display:block}.wl-identity strong{overflow-wrap:anywhere;min-width:0;font-family:Kanit,Inter,sans-serif;font-size:clamp(1.05rem,1.8vw,1.25rem);font-weight:500;line-height:1.2;display:block}.wl-identity span{color:var(--wl-muted);margin-top:2px;font-size:13px;display:block}.wl-contact{color:var(--wl-muted);flex-wrap:wrap;align-items:center;gap:4px 0;font-size:14px;display:flex}.wl-contact a{border-left:1px solid var(--wl-line);color:var(--wl-muted);padding:2px 14px}.wl-contact a:first-child{border-left:0;padding-left:0}.wl-contact a:hover{color:var(--brand-primary);text-underline-offset:3px;text-decoration:underline}.wl-intro{padding-block:40px 16px}.wl-intro h1{overflow-wrap:anywhere;letter-spacing:-.02em;max-width:min(20ch,100%);margin-bottom:14px;font-family:Kanit,Inter,sans-serif;font-size:clamp(2rem,5.5vw,2.85rem);font-weight:500;line-height:1.1}.wl-intro p{overflow-wrap:break-word;max-width:38rem;color:var(--wl-muted);margin:0;font-size:1.05rem;line-height:1.6}.wl-intro p:not(.wl-intro-meta){-webkit-line-clamp:8;line-clamp:8;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.wl-intro-no-copy{padding-block:28px 8px}.wl-intro-no-copy h1{margin-bottom:8px}.wl-kicker{color:var(--brand-primary);letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:500}.wl-intro-meta{background:var(--brand-secondary);color:var(--wl-on-accent);border-radius:999px;margin-top:16px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-block}.wl-rule{background:var(--brand-secondary);border:0;height:3px;margin:0;display:block}.wl-hero{background:#e4ddd0;height:min(42vw,360px);min-height:180px;position:relative;overflow:hidden}.wl-hero-image{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.wl-hero-band{background:var(--brand-primary);height:96px;position:relative;overflow:hidden}.wl-hero-band:after{content:"";background:var(--brand-secondary);height:8px;position:absolute;inset:auto 0 0}.wl-page:has(.wl-hero) .wl-intro{padding-block:36px 12px}.wl-owner-bar{justify-content:flex-end;display:flex}.wl-owner-bar a,.wl-owner-bar button{color:#55554f;font:inherit;cursor:pointer;background:0 0;border:1px solid #d5d5cd;border-radius:10px;align-items:center;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.wl-owner-bar a:hover,.wl-owner-bar button:hover:not(:disabled){border-color:var(--brand-primary);color:var(--brand-primary)}.wl-owner-bar button:disabled{opacity:.55;cursor:progress}.wl-publish{border-top:1px dashed #d5d5cd;flex:100%;gap:8px;padding-top:12px;display:grid}.wl-publish-link{flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.wl-publish-link input{color:#2b2b28;min-width:0;font:inherit;background:#fff;border:1px solid #d5d5cd;border-radius:8px;flex:260px;padding:7px 10px;font-size:13px}.wl-owner-status{color:#55554f;margin:0;font-size:13px;line-height:1.45}.wl-owner-error{color:#9a2b12}.wl-owner-bar-detailed{border:1px dashed #d5d5cd;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin-bottom:22px;padding:12px 16px}.wl-owner-note{color:#55554f;flex:280px;font-size:13px;line-height:1.45}.wl-intro .wl-button{margin-top:20px}.wl-filters{border-bottom:1px solid var(--wl-line);gap:14px;margin-bottom:36px;padding-bottom:22px;display:grid}.wl-filters .field>span{color:var(--wl-muted)}.wl-filters .field input,.wl-filters .field select{border-color:var(--wl-line);color:var(--wl-ink);background:0 0}.wl-filters .chip{border-color:var(--wl-line);color:var(--wl-ink);border-radius:10px}.wl-filters .chip:hover{border-color:var(--brand-primary)}.wl-filters .chip[aria-pressed=true]{border-color:var(--brand-primary);background:var(--brand-primary);color:#fff}.wl-filters .chip-group>span{color:var(--wl-muted)}.wl-result-count{color:var(--wl-muted);margin:0 0 14px;font-size:14px}.wl-grid{grid-template-columns:1fr;align-items:stretch;gap:40px 28px;margin:0;padding:0;list-style:none;display:grid}.wl-card{background:0 0;flex-direction:column;min-width:0;height:100%;display:flex;overflow:hidden}.wl-card-link{min-height:100%;color:inherit;border-radius:12px;flex-direction:column;flex:1;text-decoration:none;display:flex}.wl-card-link:hover{color:inherit}.wl-card-link:hover .wl-card-media img{transform:none}.wl-card-link:focus-visible{outline:2px solid var(--wl-accent-text);outline-offset:4px}.wl-back{color:var(--brand-primary);margin-top:16px;font-size:14px;font-weight:600;display:inline-flex}.wl-back:hover{text-underline-offset:3px;text-decoration:underline}.wl-detail-layout{gap:28px;display:grid}.wl-detail-media{gap:20px;display:grid}.wl-detail-figure{margin:0}.wl-detail-rendering{aspect-ratio:4/3;background:#e4ddd0;border-radius:10px;position:relative;overflow:hidden}.wl-detail-rendering img{object-fit:cover}.wl-detail-figure figcaption{color:var(--wl-muted);margin:10px 0 0;font-size:13px}.wl-detail-rendering-empty{aspect-ratio:auto;min-height:220px;color:var(--wl-muted);text-align:center;justify-content:center;align-items:center;padding:24px;display:flex}.wl-detail-rendering-empty p{margin:0}.wl-detail-summary h2{margin:0 0 14px;font-family:Kanit,Inter,sans-serif;font-size:1.5rem;font-weight:500}@media (min-width:720px){.wl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px}}@media (min-width:1100px){.wl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:900px){.wl-detail-layout{grid-template-columns:minmax(0,1.45fr) minmax(240px,.55fr);align-items:start;gap:48px}.wl-shell{width:min(1120px,100% - 48px)}.wl-intro{padding-block:56px 20px}.wl-intro-no-copy{padding-block:32px 8px}.wl-header{padding-block:28px}}.wl-card-highlighted{outline:1px solid var(--brand-primary);outline-offset:8px}.wl-card-media{aspect-ratio:4/3;background:#e4ddd0;border-radius:10px;flex-shrink:0;width:100%;position:relative;overflow:hidden}.wl-card-media img{object-fit:cover;object-position:center;width:100%;height:100%}.wl-card-media-empty{color:var(--wl-muted);letter-spacing:.04em;text-transform:uppercase;place-items:center;font-size:13px;display:grid;position:absolute;inset:0}.wl-card-body{flex-direction:column;flex:1;padding:18px 0 0;display:flex}.wl-card-body h2,.wl-card-body h3{overflow-wrap:anywhere;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0 0 6px;font-family:Kanit,Inter,sans-serif;font-size:1.55rem;font-weight:500;display:-webkit-box;overflow:hidden}.wl-card-style{color:var(--wl-muted);margin:0 0 16px;font-size:13px}.wl-card-cta{color:var(--brand-primary);margin-top:auto;padding-top:12px;font-size:14px;font-weight:700}.wl-card-link:hover .wl-card-cta{text-underline-offset:3px;text-decoration:underline}.wl-specs{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px;margin:0;display:grid}.wl-specs>div{min-width:0}.wl-specs dt{color:var(--wl-muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.wl-specs dd{margin:4px 0 0;font-family:Kanit,Inter,sans-serif;font-size:1rem;font-weight:500}.wl-card-foot{border-top:1px solid var(--wl-line);color:var(--wl-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;padding:14px 0 0;font-size:13px;display:flex}.wl-preferred{color:var(--brand-primary);font-size:13px;font-weight:600}.wl-button{border:1px solid var(--brand-primary);background:var(--brand-primary);color:#fff;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;min-height:40px;padding:0 16px;font-size:13px;font-weight:600;display:inline-flex}.wl-button:hover{color:var(--brand-primary);filter:none;background:0 0}.wl-button-outline{color:var(--brand-primary);background:0 0}.wl-button-outline:hover{background:var(--brand-primary);color:#fff;filter:none}.wl-empty{border:1px dashed var(--wl-line);color:var(--wl-muted);text-align:center;background:#fff;border-radius:16px;justify-items:center;gap:10px;margin:8px 0 0;padding:72px 24px;font-family:Kanit,Inter,sans-serif;font-size:1.15rem;font-weight:500;display:grid}.wl-empty-title{color:var(--wl-ink);margin:0;font-size:1.35rem;font-weight:500}.wl-empty-copy{max-width:34rem;color:var(--wl-muted);margin:0;font-family:Inter,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.6}.wl-preference-banner{border:1px solid var(--brand-primary);background:#fff;border-radius:10px;margin-bottom:22px;padding:14px 18px;font-size:16px}.wl-fine-print{max-width:36rem;color:var(--wl-muted);margin-top:48px;font-size:13px;line-height:1.65}.wl-unavailable{text-align:center;justify-content:center;align-items:center;min-height:60vh;padding:40px 20px;display:flex}.wl-unavailable .wl-shell{max-width:480px}.wl-unavailable h1{margin-bottom:10px;font-family:Kanit,Inter,sans-serif;font-weight:500}.wl-unavailable p{color:var(--wl-muted);line-height:1.6}.wl-footer{border-top:1px solid var(--wl-line);color:var(--wl-muted);margin-top:72px;padding-block:36px 48px;font-size:14px}.wl-footer strong{overflow-wrap:anywhere;color:var(--wl-ink);font-family:Kanit,Inter,sans-serif;font-size:1.15rem;font-weight:500;display:block}.wl-footer-copy{overflow-wrap:break-word;-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient:vertical;max-width:640px;margin:10px 0 0;line-height:1.6;display:-webkit-box;overflow:hidden}.wl-service-area{overflow-wrap:anywhere;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;margin:6px 0 0;font-size:13px;display:-webkit-box;overflow:hidden}.wl-license{color:var(--wl-ink);margin:12px 0 0;font-size:13px;font-weight:600}.wl-social{flex-wrap:wrap;gap:8px 18px;margin:16px 0 0;display:flex}.wl-social a{color:var(--wl-accent-text)}.wl-social a:hover{color:var(--brand-primary);text-underline-offset:3px;text-decoration:underline}.wl-page-body{padding-bottom:24px}.wl-preview-frame{border:1px solid #2a2b33;border-radius:12px;max-height:640px;overflow:hidden auto}.wl-preview-frame .wl-page{min-height:0}.wl-preview-frame .wl-hero{height:140px;min-height:140px}.wl-preview-frame .wl-hero-band{height:56px}.wl-preview-frame .wl-filters{display:none}.wl-preview-frame .wl-footer{margin-top:36px;padding-block:24px 28px}@media (max-width:760px){.wl-header{padding-block:18px}.wl-header-inner{flex-direction:column;align-items:flex-start;gap:14px}.wl-contact{gap:8px;width:100%}.wl-contact a{border:1px solid var(--wl-line);color:var(--wl-ink);border-radius:10px;padding:8px 12px}.wl-contact a:first-child{padding-left:12px}.wl-contact a:hover{border-color:var(--brand-primary)}.wl-hero{height:min(50vw,220px);min-height:140px}.wl-hero-band{height:64px}.wl-intro{padding-block:28px 8px}.wl-intro h1{max-width:none;font-size:clamp(1.8rem,8vw,2.4rem)}.wl-specs{grid-template-columns:repeat(2,minmax(0,1fr))}}