html{scrollbar-gutter:stable}
:root{--ink:#192333;--muted:#657080;--blue:#326dc8;--blue-soft:#edf4ff;--bg:#f5f7fa;--line:#e6eaf0;--warning:#946100;--radius:22px;color:var(--ink);background:white;font-family:Pretendard,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.65;word-break:keep-all}button,input,textarea{font:inherit}button,a,label,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button{border:0}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #326dc8;outline-offset:5px}input:focus,textarea:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 3px #326dc818}input:disabled{opacity:.6}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.35;letter-spacing:-.045em}h1{font-size:44px;font-weight:750}h2{font-size:34px;font-weight:730}h3{font-size:22px}p{color:var(--muted)}[hidden]{display:none!important}.container{width:min(1200px,calc(100% - 64px));margin:auto}.preview-strip{background:#eff3f8;color:#526079;font-size:12px;min-height:30px;text-align:center;padding:5px 16px;letter-spacing:0}.preview-strip span{font-weight:750;color:#234f8c;margin-right:9px}.header{position:sticky;top:0;background:#ffffffef;backdrop-filter:blur(16px);z-index:20;border-bottom:1px solid #eff2f6}.header-inner{height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:780;font-size:20px;white-space:nowrap;letter-spacing:-.055em}.brand img{object-fit:contain}.header nav{display:flex;gap:34px;align-items:center}.header nav a{font-size:15px;color:#566170;position:relative;padding:27px 0}.header nav a[aria-current=page]{color:var(--ink);font-weight:750}.header nav a[aria-current=page]:after{content:'';position:absolute;bottom:16px;left:0;right:0;height:3px;border-radius:4px;background:var(--blue)}.menu-toggle{display:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border-radius:15px;font-weight:650;font-size:16px;padding:17px 23px;line-height:1.4;min-height:56px;transition:transform .18s,background .18s,box-shadow .18s;white-space:normal}.button:hover{transform:translateY(-2px)}.button:active{transform:scale(.98)}.button.primary{background:var(--blue);color:white}.button.primary:hover{background:#285eb2;box-shadow:0 6px 16px #2c65bb22}.button.soft{background:#edf1f6;color:#34465f}.button.small{min-height:44px;padding:11px 17px;font-size:14px;border-radius:12px}.button.full{width:100%}.text-link{display:inline-flex;align-items:center;gap:12px;color:#3665a6;font-weight:650;font-size:15px;background:transparent;padding:4px 0}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.eyebrow{font-size:15px;font-weight:650;color:#567294;letter-spacing:-.02em;margin-bottom:15px}.caption{font-size:13px;line-height:1.65;color:#687588}.centered{text-align:center}.skip{position:absolute;top:-100px;left:15px;background:white;padding:12px;z-index:100}.skip:focus{top:6px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.home-hero{background:linear-gradient(125deg,#fafbfd 30%,#eef2f7);overflow:hidden}.hero-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;align-items:center;min-height:650px;padding-block:58px}.hero-copy{padding:12px 0}.hero-copy h1{font-size:clamp(32px,3.1vw,43px);letter-spacing:-.05em;line-height:1.32}.headline-primary{display:block;font-size:clamp(23px,2.12vw,30px);margin-bottom:20px;font-weight:750}.hero-second{display:block;font-size:clamp(40px,3.5vw,52px);line-height:1.32;font-weight:760;letter-spacing:-.055em}.hero-description{margin-top:24px;font-size:17px;line-height:1.7;color:#596879}.hero-actions{margin-top:34px;display:flex;gap:12px;flex-wrap:wrap}.hero-actions .text-link{margin-top:3px;width:100%;padding:9px 0}.hero-reassurance{font-size:14px;margin-top:18px;color:#6a7789}.hero-visual{margin:0;background:#e6e9ed;border-radius:36px;position:relative;overflow:hidden;align-self:stretch;max-height:510px;display:flex;align-items:center;justify-content:center}.hero-visual img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply;padding:30px 30px 130px}.hero-visual figcaption{position:absolute;bottom:27px;left:30px;right:30px;display:flex;gap:16px;justify-content:space-between;align-items:end;color:#445266;font-size:17px}.hero-visual strong{font-size:23px;color:#263549}.image-label{font-size:12px;color:#647186;max-width:110px}.wave-gradient{color:transparent;background-clip:text;-webkit-background-clip:text;background-image:radial-gradient(ellipse 240px 90px at 50% -15px,rgba(56,189,248,.98) 0 46%,transparent 49%),radial-gradient(ellipse 240px 90px at 50% calc(100% + 15px),rgba(29,78,216,.96) 0 46%,transparent 49%),repeating-linear-gradient(90deg,#075985 0,#0ea5e9 170px,#38bdf8 310px,#2563eb 500px,#1d4ed8 720px,#075985 960px);background-size:480px 100%,480px 100%,960px 100%;background-repeat:repeat-x;will-change:background-position}.hero[data-gradient="wave"] .accent-static{color:inherit;background:none}.hero[data-gradient="wave"] .headline-primary{color:transparent;animation:rise .62s cubic-bezier(.2,.78,.22,1) forwards,gradient-wave 12s linear infinite}@keyframes rise{to{opacity:1;transform:translateY(0)}}@keyframes gradient-wave{from{background-position:0 0,240px 0,0 0}to{background-position:960px 0,1200px 0,960px 0}}
.section{padding-block:100px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.section-heading .eyebrow{margin-bottom:10px}.home-example-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.home-example-grid .case-media{height:290px}.home-examples>.caption{margin-top:22px}.case{min-width:0;position:relative}.case-open{display:block;width:100%;text-align:left;background:transparent;color:inherit;padding:0;border-radius:24px}.case-media{background:var(--bg);height:330px;border-radius:24px;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:background .2s}.case-media img{width:100%;height:100%;object-fit:contain;padding:24px;mix-blend-mode:multiply;transition:transform .25s}.case-open:hover .case-media{background:#eaf0f7}.case-open:hover img{transform:scale(1.035)}.case-text{display:block;padding:23px 1px 10px}.case-text .eyebrow{display:block;font-size:13px;margin-bottom:5px}.case-text strong{display:block;font-size:23px;letter-spacing:-.04em}.case-text p{margin-top:9px;font-size:15px}.case .text-link{margin-top:12px}.process{background:#f7f9fc}.process-list{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;margin:55px 0 0;gap:32px}.process-list li{position:relative}.process-list li:before{content:'';height:1px;background:#dce3ec;position:absolute;top:21px;left:64px;right:0}.process-list li:last-child:before{display:none}.process-list li>span{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:#e7edf6;border-radius:15px;color:#426695;font-size:15px;font-weight:700}.process-list h3{margin-top:24px;font-size:20px}.process-list p{margin-top:14px;font-size:15px}.closing{padding-block:110px;display:flex;align-items:center;justify-content:space-between;gap:40px}.closing h2{font-size:40px}.closing p:not(.eyebrow){margin-top:24px}.closing .button{min-width:250px}footer{padding:50px 0 25px;border-top:1px solid var(--line);background:#fafbfc}footer .brand{margin-bottom:24px}footer p{font-size:13px;line-height:1.9}.footer-bottom{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:30px;color:#727e8d;font-size:12px}.footer-bottom .text-link{font-size:13px}.page-heading{padding:55px 0 42px}.page-heading .eyebrow{margin-bottom:12px}.page-heading p:last-child{margin-top:18px;font-size:17px}.workspace-page{padding-bottom:90px}.quote-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:70px;align-items:start}fieldset{border:0;margin:0;padding:0 0 40px;min-width:0;scroll-margin-top:115px}fieldset+fieldset{padding-top:36px;border-top:1px solid var(--line)}legend{float:left;width:100%;display:flex;align-items:center;gap:13px;font-size:23px;font-weight:700;letter-spacing:-.04em;margin-bottom:18px;line-height:1.5}legend+*{clear:both}.step{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;background:var(--blue-soft);color:var(--blue);border-radius:10px;font-size:15px}.field-help{font-size:15px;margin-bottom:20px}.field-help strong{color:#435269}.choices{display:grid;gap:12px}.packaging-choices{grid-template-columns:repeat(2,1fr)}.choice{border:1.5px solid #e7ebf1;border-radius:17px;display:block;padding:18px;cursor:pointer;position:relative;background:white;transition:border-color .15s,background .15s,transform .15s;min-width:0}.choice:hover{border-color:#99b5df;transform:translateY(-1px)}.choice:has(input:checked){border-color:var(--blue);background:#f0f6ff;box-shadow:inset 0 0 0 .5px var(--blue)}.choice:has(input:focus-visible){outline:3px solid #7da6e0;outline-offset:3px}.choice input{position:absolute;opacity:0;width:1px;height:1px;margin:0}.choice-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.choice-head strong{font-size:17px;font-weight:650}.choice .checkmark{width:19px;height:19px;border-radius:50%;border:1.5px solid #c5cfdb;font-size:12px;display:flex;align-items:center;justify-content:center;color:transparent;flex-shrink:0}.choice:has(input:checked) .checkmark{background:var(--blue);color:white;border-color:var(--blue)}.choice small{display:block;font-size:14px;color:#647387;line-height:1.65;margin-top:8px}.availability{display:inline-block;font-size:12px;line-height:1.4;color:#536b8b;margin-top:12px}.availability.consult{color:#946100}.consult-route{display:flex;align-items:center;justify-content:space-between;background:#f6f8fb;border-radius:17px;padding:20px;margin-top:16px;gap:20px}.consult-route strong{font-size:15px;display:block}.consult-route small{display:block;color:var(--muted);font-size:14px;margin-top:4px}.consult-route>span:last-child{font-size:23px;color:#7890ad}.dimension-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}label{font-size:14px;font-weight:550;display:block}input:not([type=radio]):not([type=checkbox]):not([type=file]),textarea{display:block;width:100%;min-width:0;background:#f7f9fc;border:1.5px solid #e7ebf0;border-radius:13px;padding:15px;color:var(--ink);transition:border-color .2s,box-shadow .2s;margin-top:8px}input::placeholder,textarea::placeholder{color:#798597;font-weight:400}.unit-input{position:relative}.unit-input input{padding-right:45px!important;font-size:18px}.unit-input>span{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#788494;font-size:14px}details{background:#f6f8fb;border-radius:14px;padding:15px 18px;margin:20px 0 13px}summary{cursor:pointer;font-size:14px;font-weight:600;color:#52647c}details p{font-size:14px;margin-top:12px}details .text-link{margin-top:10px}.material-choices{grid-template-columns:repeat(4,1fr)}.material-choices .choice{padding:14px 10px}.material-choices .choice-head strong{font-size:16px}.material-choices .choice small{font-size:13px}.material-choices img{height:63px;object-fit:contain;width:100%;mix-blend-mode:multiply;margin:0 0 12px}.material-letter{height:63px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#8091a8;background:#f4f7fb;border-radius:10px;margin-bottom:12px}.subheading{font-size:15px;margin-top:25px;margin-bottom:12px}.color-choices{grid-template-columns:repeat(4,1fr)}.color-choices .choice{padding:14px 10px}.color-choices .choice-head strong{font-size:14px}.color-choices .choice small{font-size:12px}.notice{padding:22px;background:#f0f5fc;border-radius:17px;margin-top:22px}.notice strong{font-size:16px}.notice p{font-size:14px;margin:8px 0}.notice .text-link{margin-top:6px}.notice.warning{background:#fff8e9;color:#835a10;border:1px solid #f6e5bc}.notice.warning p{color:#8a6425}.notice.warning .text-link{color:#875a0d}.strength-choices{grid-template-columns:repeat(4,1fr)}.strength-choices .choice{padding:15px 12px}.strength-choices .choice strong{font-size:15px}#custom-thickness{margin-top:18px;max-width:230px}.quantity{max-width:280px}.switch-row{margin-top:25px;display:flex;justify-content:space-between;align-items:center;padding:20px;background:#f7f9fc;border-radius:16px;gap:24px}.switch-row small{display:block;color:var(--muted);margin-top:5px;font-size:14px;font-weight:400}.switch-row input{appearance:none;flex-shrink:0;width:46px;height:27px;border-radius:20px;background:#cdd6e2;position:relative;margin:0}.switch-row input:before{content:'';position:absolute;left:4px;top:4px;width:19px;height:19px;border-radius:50%;background:white;transition:transform .2s}.switch-row input:checked{background:var(--blue)}.switch-row input:checked:before{transform:translateX(19px)}.check-row{display:flex;align-items:center;gap:11px;font-size:15px;font-weight:450;cursor:pointer}.check-row input{width:19px;height:19px;accent-color:var(--blue);flex-shrink:0}.address-line{display:grid;grid-template-columns:1fr 135px;gap:12px;margin-top:18px;align-items:end}.address-line input{margin:0!important}#address-fields{margin-bottom:16px}.quote-summary{position:sticky;top:110px;background:#f6f8fc;border-radius:24px;padding:28px}.summary-top{display:flex;justify-content:space-between;align-items:center}.summary-top .eyebrow{margin:0;font-size:14px}.summary-top>span:last-child{font-size:13px;color:#6c7d94}.quote-summary h2{font-size:23px;margin-top:13px}.quote-summary progress{appearance:none;width:100%;height:5px;margin:21px 0 12px;border:0;display:block;border-radius:4px;overflow:hidden}.quote-summary progress::-webkit-progress-bar{background:#e4eaf3}.quote-summary progress::-webkit-progress-value{background:var(--blue);border-radius:4px;transition:width .25s}.summary-row{display:flex;width:100%;padding:16px 0;background:transparent;justify-content:space-between;align-items:start;gap:14px;border-bottom:1px solid #e7ecf3;font-size:14px;text-align:left}.summary-row span:first-child{color:#758297;flex-shrink:0}.summary-row strong{font-size:14px;font-weight:550;text-align:right;word-break:break-word}.summary-row strong.missing{color:#8792a3;font-weight:400}.summary-row:hover strong{color:var(--blue)}.summary-bottom{padding-top:20px}.summary-bottom>p:first-child{font-size:14px;margin-bottom:16px}.summary-bottom .button{padding:16px 10px;font-size:15px}.summary-bottom .caption{font-size:12px;margin-top:14px;text-align:center}.mobile-quote-bar{display:none}.error{font-size:14px;color:#bd3434;background:#fff3f3;padding:12px 15px;border-radius:10px;margin-bottom:14px}fieldset.has-error .step{color:#bd3434;background:#ffe8e8}.filter-bar{display:flex;gap:9px;flex-wrap:wrap;margin:8px 0 20px}.filter-bar button{padding:10px 17px;min-height:44px;background:#f3f5f8;border-radius:13px;color:#5b697b;font-size:15px}.filter-bar button[aria-pressed=true]{background:#273b57;color:white}.filter-bar button span{font-size:12px;margin-left:6px;opacity:.8}.portfolio-note{margin-bottom:30px}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.portfolio-grid:has(.case:only-child){grid-template-columns:minmax(0,800px)}.inline-help{margin-top:65px;background:#f6f8fb;padding:26px;border-radius:19px;display:flex;gap:20px;align-items:center;flex-wrap:wrap}.inline-help span{color:var(--muted);font-size:15px}.inline-help a{margin-left:auto}.empty-state{padding:80px 24px;text-align:center;background:#f8fafd;border-radius:22px}.empty-state h2{font-size:25px}.empty-state p{margin:16px 0 25px}.consult-layout{display:grid;grid-template-columns:minmax(0,710px) minmax(230px,1fr);gap:90px;align-items:start}.form-section+.form-section{border-top:1px solid var(--line);margin-top:34px;padding-top:34px}.form-section h2{font-size:24px;margin-bottom:18px}textarea{resize:vertical;line-height:1.8}textarea:focus{background:white}.upload-zone{background:#f7f9fc;border:1.5px dashed #d6deea;border-radius:16px;padding:24px;text-align:center;cursor:pointer;margin-top:18px;position:relative}.upload-zone:hover{background:var(--blue-soft)}.upload-zone input{position:absolute;width:1px;height:1px;opacity:0}.upload-zone:has(input:focus-visible){outline:3px solid var(--blue)}.upload-zone strong{display:block;color:#476a9d;font-size:15px}.upload-zone>span{display:block;font-size:13px;font-weight:400;color:var(--muted);margin-top:5px}.upload-zone+.caption{margin-top:12px}.attachment-list{padding:0;list-style:none;margin-top:20px;display:grid;gap:10px}.attachment-list li{display:flex;align-items:center;gap:13px;padding:11px 13px;border:1px solid var(--line);border-radius:14px;min-width:0}.attachment-list img,.file-type{width:58px;height:58px;object-fit:contain;border-radius:9px;background:#f3f6fa;flex-shrink:0}.file-type{display:flex;align-items:center;justify-content:center;font-size:12px;color:#60748f}.attachment-list .file-info{min-width:0;flex:1}.file-info strong{display:block;font-size:14px;overflow-wrap:anywhere;line-height:1.5}.file-info small{color:var(--muted);font-size:12px}.icon-button{background:#f3f6fa;color:#6c7c91;width:35px;height:35px;flex-shrink:0;border-radius:10px;font-size:22px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 16px;margin-bottom:18px}.privacy-consent{margin-top:30px}.policy-link{font-size:13px;margin:8px 0 8px 29px}.submit-button{margin:22px 0 12px}.consult-aside{position:sticky;top:125px;padding:35px 0}.aside-symbol{width:66px;height:66px;border-radius:23px;background:#eaf2ff;color:#5685c4;font-size:35px;display:flex;align-items:center;justify-content:center;margin-bottom:25px}.consult-aside h2{font-size:27px}.consult-aside>p{font-size:16px;margin-top:18px}.consult-aside ol{counter-reset:item;list-style:none;padding:0;margin:35px 0 0}.consult-aside li{position:relative;padding:0 0 25px 35px}.consult-aside li:before{counter-increment:item;content:counter(item);position:absolute;left:0;top:0;background:#edf2f9;border-radius:50%;width:23px;height:23px;color:#5e7b9f;text-align:center;font-size:12px;line-height:23px}.consult-aside strong{font-size:15px}.consult-aside li span{display:block;font-size:14px;color:var(--muted);margin-top:7px}.reference-card{background:#f0f5fd;border-radius:16px;padding:21px;display:flex;align-items:start;gap:15px;justify-content:space-between;margin-bottom:20px}.reference-card .eyebrow{font-size:13px;margin-bottom:7px;display:block}.reference-card p{font-size:15px;color:#38506c;white-space:pre-line}.reference-card .icon-button{background:#e0eaf8}dialog{border:0;border-radius:28px;padding:40px;width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 30px 100px #13203533;color:var(--ink)}dialog::backdrop{background:#17253666;backdrop-filter:blur(5px)}dialog h2{font-size:28px;margin-bottom:22px;padding-right:22px}dialog>p{margin:15px 0}.dialog-close{position:absolute;top:16px;right:16px;width:35px;height:35px;border-radius:50%;font-size:24px;color:#607186;background:#f0f3f7;z-index:2}#portfolio-dialog{width:min(940px,calc(100% - 32px));padding:34px}.portfolio-detail{display:grid;grid-template-columns:1.25fr 1fr;gap:30px;align-items:center}.detail-image{height:400px;background:#f4f6f8;border-radius:20px;display:flex;align-items:center;justify-content:center}.detail-image img{width:100%;height:100%;object-fit:contain;padding:16px;cursor:zoom-in}.detail-copy p{margin:16px 0}.detail-copy .button{font-size:14px;margin-top:20px}#image-dialog{width:min(1000px,calc(100% - 24px));padding:25px}#image-dialog img{width:100%;height:75vh;object-fit:contain}.amount-preview{padding:25px;background:#f3f7fc;border-radius:18px;margin:24px 0}.amount-preview>span{display:block;font-size:14px;color:#647892}.amount-preview>strong{display:block;font-size:23px;margin:8px 0 13px}.amount-preview p{font-size:14px}.completion-mark{width:65px;height:65px;border-radius:23px;background:#edf4ff;color:var(--blue);font-size:32px;display:flex;align-items:center;justify-content:center;margin-bottom:25px}#complete-dialog>.button{margin-top:24px}.page:not([hidden]){animation:page-appear .24s ease-out}@keyframes page-appear{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.file-preview{background:transparent;padding:0;border-radius:9px;flex-shrink:0}
legend{float:none}
h1[tabindex="-1"]:focus{outline:none}
@media(min-width:901px){.quote-summary{padding:24px}.quote-summary .summary-row{padding:10px 0}.quote-summary h2{font-size:21px}.quote-summary progress{margin:16px 0 9px}.quote-summary .summary-bottom{padding-top:15px}.quote-summary .summary-bottom>p:first-child{margin-bottom:12px}.quote-summary .summary-bottom .caption{margin-top:10px}.quote-summary .summary-bottom .button{min-height:50px;padding:14px 8px}}
@media(min-width:1800px){.hero-layout{min-height:710px;gap:75px}.hero-visual{max-height:550px}.section{padding-block:110px}}
@media(max-width:1100px){.header nav{gap:21px}.header-cta{display:none}.hero-layout{gap:25px;grid-template-columns:1.2fr 1fr}.hero-actions .button{font-size:14px;padding:16px}.quote-layout{gap:35px;grid-template-columns:minmax(0,1fr) 285px}.quote-summary{padding:23px}.material-choices{grid-template-columns:repeat(2,1fr)}.consult-layout{gap:40px}.headline-primary{font-size:25px}}
@media(max-width:900px){.quote-layout{display:block}.quote-summary{position:static;margin-top:10px}.quote-summary #summary-rows{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.consult-layout{grid-template-columns:1fr}.consult-aside{position:static;display:none}.hero-layout{min-height:600px}.hero-second{font-size:36px}.headline-primary{font-size:23px}.hero-visual{max-height:440px}.hero-visual img{padding:16px 16px 130px}.hero-visual figcaption{left:20px;right:20px;bottom:24px;display:block}.image-label{display:block;margin-top:10px;max-width:none}.hero-visual strong{font-size:19px}.hero-actions{margin-top:25px}.hero-description{font-size:15px}.process-list{gap:18px}.process-list h3{font-size:18px}.process-list p{font-size:14px}}
@media(max-width:700px){.container{width:calc(100% - 40px)}.preview-strip{font-size:10px}.header-inner{height:65px}.brand{font-size:18px;gap:7px}.brand img{width:44px;height:35px}.header nav{display:none;position:absolute;top:65px;left:0;right:0;padding:12px 20px 20px;background:white;box-shadow:0 15px 20px #21324810}.header nav.open{display:flex;flex-direction:column;gap:0;align-items:stretch}.header nav a{padding:13px 12px;border-radius:12px}.header nav a[aria-current=page]{background:#edf4ff}.header nav a:after{display:none}.menu-toggle{display:block;padding:9px 13px;background:#f1f4f8;border-radius:11px;font-size:14px;color:#42536a}.hero-layout{display:flex;flex-direction:column;gap:30px;padding-block:36px;align-items:stretch}.hero-copy{padding:0}.hero-copy .eyebrow{font-size:13px}.headline-primary{font-size:21px;max-width:330px;margin-bottom:15px;line-height:1.5}.hero-second{font-size:35px}.hero-description{font-size:14px;max-width:290px;margin-top:18px}.hero-actions{gap:10px;display:grid;grid-template-columns:1fr}.hero-actions .button{font-size:15px;min-height:54px;justify-content:space-between;padding:16px 20px}.hero-actions .text-link{justify-content:center;font-size:14px}.hero-reassurance{font-size:12px;text-align:center;margin-top:10px}.hero-visual{height:290px;border-radius:24px;max-height:none}.hero-visual img{height:100%;width:65%;padding:18px 0 22px;align-self:start;object-position:left;margin-right:auto;margin-left:12px}.hero-visual figcaption{left:auto;right:18px;bottom:28px;width:105px;font-size:14px}.hero-visual strong{font-size:18px}.image-label{font-size:10px;line-height:1.6}.section{padding-block:58px}.section-heading{align-items:start;gap:15px;flex-direction:column;margin-bottom:25px}.section-heading h2,h2{font-size:28px}.section-heading p{font-size:14px}.section-heading .text-link{font-size:14px}.home-example-grid{grid-template-columns:1fr;gap:35px}.home-example-grid .case-media{height:250px}.case-text{padding-top:18px}.case-text strong{font-size:22px}.process-list{grid-template-columns:1fr 1fr;gap:35px 18px;margin-top:30px}.process-list li:before{display:none}.process-list p{font-size:14px}.process-list h3{margin-top:16px}.closing{padding-block:65px;display:block}.closing h2{font-size:32px}.closing .button{margin-top:28px;width:100%}.closing p:not(.eyebrow){font-size:15px;margin-top:17px}footer{padding:35px 0 25px}.footer-bottom{gap:12px;flex-direction:column;align-items:start;margin-top:24px}footer p{font-size:12px}.page-heading{padding:34px 0 30px}.page-heading h1{font-size:33px}.page-heading p:last-child{font-size:15px;margin-top:15px}.page-heading .eyebrow{font-size:14px}.workspace-page{padding-bottom:55px}fieldset{padding-bottom:28px;scroll-margin-top:88px}fieldset+fieldset{padding-top:27px}legend{font-size:20px;gap:10px}.step{width:26px;height:26px;border-radius:8px;font-size:13px}.field-help{font-size:14px}.packaging-choices{gap:10px}.choice{padding:15px 12px;border-radius:15px}.choice-head strong{font-size:16px}.choice small{font-size:13px;line-height:1.6}.choice .checkmark{width:17px;height:17px}.consult-route{padding:16px}.consult-route strong{font-size:14px}.consult-route small{font-size:13px}.dimension-fields{gap:9px}.unit-input input{font-size:15px;padding-left:11px!important;padding-right:32px!important}.unit-input>span{right:10px;font-size:12px}.dimension-fields input::placeholder{font-size:12px}.color-choices{grid-template-columns:1fr 1fr}.material-choices{grid-template-columns:1fr 1fr}.material-choices .choice{padding:14px}.material-choices img,.material-letter{height:80px}.strength-choices{grid-template-columns:1fr 1fr}.quote-summary{border-radius:20px;padding:24px}.quote-summary #summary-rows{display:block}.quote-summary h2{font-size:23px}.mobile-quote-bar{display:flex;position:sticky;bottom:8px;z-index:15;padding:12px;gap:10px;align-items:center;background:#ffffffee;backdrop-filter:blur(15px);border:1px solid var(--line);box-shadow:0 8px 30px #1d315522;border-radius:19px;margin-top:20px}.mobile-quote-bar>span{font-size:12px;flex:1;color:#576b86}.mobile-quote-bar .button{min-height:45px;padding:12px;font-size:13px}.filter-bar{gap:8px}.filter-bar button{font-size:13px;padding:9px 12px;min-height:41px}.portfolio-grid{grid-template-columns:1fr;gap:34px}.case-media{height:290px}.inline-help{margin-top:35px;display:block;padding:22px}.inline-help span{display:block;font-size:14px;margin:10px 0}.inline-help a{font-size:14px}.empty-state{padding:40px 20px}.empty-state h2{font-size:22px}.empty-state p{font-size:14px}.form-section h2{font-size:22px}.contact-grid{grid-template-columns:1fr;gap:18px}.form-section+.form-section{margin-top:26px;padding-top:26px}.consult-layout{display:block}.privacy-consent{font-size:14px}.upload-zone{padding:20px 12px}.reference-card{padding:17px}.reference-card p{font-size:14px}dialog{padding:30px 22px;border-radius:23px}dialog h2{font-size:25px}.portfolio-detail{display:block}.detail-image{height:290px}.detail-copy{padding-top:23px}.detail-copy h2{margin-bottom:13px}.detail-copy p{font-size:14px}#portfolio-dialog{padding:23px}.amount-preview{padding:20px}.amount-preview>strong{font-size:20px}.caption{font-size:12px}}
.hero-actions{gap:10px;align-items:stretch}.hero-actions .button{padding-inline:18px;font-size:15px;white-space:nowrap}.quote-tooltip-wrap{position:relative;display:flex}.quote-tooltip{position:absolute;bottom:100%;left:0;z-index:8;width:310px;max-width:calc(100vw - 40px);padding:17px 19px;background:#263a55;color:#fff;font-size:14px;font-weight:500;line-height:1.65;border-radius:15px;box-shadow:0 9px 28px #20365726;opacity:0;visibility:hidden;transform:translateY(5px);transition:opacity .18s,transform .18s,visibility .18s}.quote-tooltip:after{content:"";position:absolute;top:100%;left:30px;border:7px solid transparent;border-top-color:#263a55}.quote-tooltip-wrap:not(.tooltip-dismissed):is(:hover,:focus-within) .quote-tooltip{opacity:1;visibility:visible;transform:translateY(0)}
.quote-loading{text-align:center;padding:38px 0 28px}.quote-loading>strong{display:block;font-size:21px;line-height:1.5;word-break:keep-all;color:#294567}.quote-loading>p{color:#66768a;font-size:15px;margin-top:12px}.quote-loading>small{display:block;color:#68788c;font-size:12px;line-height:1.6;margin-top:30px}.loading-orbit{display:flex;align-items:center;justify-content:center;gap:10px;height:74px;margin-bottom:24px}.loading-orbit span{width:17px;height:17px;background:#668bd0;border-radius:50%;animation:quote-loading-pulse 1.2s ease-in-out infinite}.loading-orbit span:nth-child(2){animation-delay:.15s}.loading-orbit span:nth-child(3){animation-delay:.3s}@keyframes quote-loading-pulse{0%,70%,100%{transform:translateY(0) scale(.8);opacity:.45}35%{transform:translateY(-13px) scale(1);opacity:1}}
.quote-amounts{margin:0;display:grid;gap:21px}.quote-amounts>div{display:flex;align-items:center;justify-content:space-between;gap:15px}.quote-amounts>div+div{border-top:1px solid #dae4f1;padding-top:21px}.quote-amounts dt{font-size:16px;color:#405570;font-weight:600}.quote-amounts dd{margin:0;color:#315d9d;font-size:30px;font-weight:750;white-space:nowrap}.quote-amounts dd span{display:inline;font-size:14px;font-weight:500;color:#62758d}#quote-result>.button{margin-top:25px}.button:disabled{opacity:.65;cursor:wait}
@media(max-width:700px){.quote-tooltip-wrap>.button{width:100%}.hero-actions .button{padding-inline:20px}.quote-amounts>div{align-items:flex-start;flex-direction:column;gap:9px}.quote-amounts dt{font-size:15px}.quote-amounts dd{font-size:28px}.quote-loading>strong{font-size:20px}}
#quote-form fieldset{position:relative;border-radius:18px;transition:background-color .25s,box-shadow .25s}#quote-form fieldset.is-guided{background:linear-gradient(100deg,#edf4ff90,#f8fbff25);box-shadow:0 0 0 10px #edf4ff80,inset 3px 0 #7ba4e2}#quote-form fieldset.is-guided .step{background:#3677cf;color:white;animation:guide-arrive .7s ease-out 1}.guide-label{font-size:12px;font-weight:600;color:#356bb1;background:#e4eeff;border-radius:7px;padding:5px 8px;white-space:nowrap;line-height:1.3;margin-left:auto}.guide-next{display:flex;width:max-content;max-width:100%;margin:20px 0 0 auto;padding:10px 0;font-size:14px}.guide-next:focus-visible{outline-offset:4px}#quote-form fieldset.has-error{box-shadow:0 0 0 8px #fff0ef,inset 3px 0 #d35a50}.flocking-policy{background:#f0f5fb;border-radius:15px;padding:19px;margin-top:17px;line-height:1.7}.flocking-policy strong{color:#325a91;font-size:16px}.flocking-policy p{font-size:14px;margin:9px 0}.flocking-policy small{font-size:12px;color:#68788c;display:block}.quote-summary #consult-notice{margin-top:15px;padding:15px;border-radius:12px}.quote-summary #consult-notice strong{font-size:14px;line-height:1.6;display:block}.quote-summary #consult-notice p{font-size:13px;margin:7px 0 0;line-height:1.6}@keyframes guide-arrive{0%{box-shadow:0 0 0 0 #6798dc66}100%{box-shadow:0 0 0 12px #6798dc00}}
@media(min-width:901px){.quote-summary{max-height:calc(100dvh - 145px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}}
@media(max-width:700px){#quote-form fieldset.is-guided{box-shadow:0 0 0 7px #edf4ff80,inset 3px 0 #7ba4e2}.guide-label{font-size:10px;padding:4px 5px}#quote-form legend{flex-wrap:wrap}.guide-next{font-size:13px}.flocking-policy{padding:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition:none!important}}
#mold-preference-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.mold-preference-note{margin-top:16px}
@media(max-width:700px){#mold-preference-choices{grid-template-columns:1fr}}
.packaging-examples{margin-top:18px;padding:0;border:1px solid var(--line);border-radius:14px;background:#fafcff;overflow:hidden}.packaging-examples summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;color:#52647c;font-size:14px;font-weight:650;cursor:pointer;list-style:none}.packaging-examples summary::-webkit-details-marker{display:none}.packaging-examples summary:after{content:'＋';font-size:18px;line-height:1;color:var(--blue)}.packaging-examples[open] summary{border-bottom:1px solid var(--line)}.packaging-examples[open] summary:after{content:'−'}.packaging-example-strip{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;padding:14px 16px 16px;scroll-snap-type:x mandatory;scrollbar-width:thin}.packaging-example{flex:0 0 clamp(145px,28vw,210px);min-width:0;margin:0;scroll-snap-align:start}.packaging-example img{width:100%;aspect-ratio:1.3;object-fit:contain;padding:10px;border:1px solid #e3e8ef;border-radius:10px;background:#f4f7fa}.packaging-example figcaption{display:grid;gap:2px;margin-top:7px;font-size:12px;line-height:1.45}.packaging-example figcaption strong{font-size:13px;color:var(--ink)}.packaging-example figcaption small{font-size:11px;color:var(--muted)}.packaging-examples-empty{margin:0 16px 16px}.measurement-guide{margin:18px 0 10px;padding:14px;border:1px solid #e2e8f0;border-radius:14px;background:#fff}.measurement-guide img{width:100%;height:auto;max-height:min(520px,65vh);object-fit:contain;margin:0 auto;border-radius:8px;background:#f7f9fb}.measurement-guide figcaption{margin-top:10px;color:var(--muted);font-size:13px;line-height:1.7}.measurement-guide .text-link{margin-top:7px}.reference-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-left:auto}.reference-return{min-height:44px;padding:10px 13px;font-size:13px}@media(max-width:700px){.packaging-examples summary{padding:13px 14px}.packaging-example-strip{padding-inline:12px}.packaging-example{flex-basis:min(72vw,220px)}.measurement-guide{margin:16px 0 8px;padding:10px}.measurement-guide img{max-height:none}.measurement-guide figcaption{font-size:14px}.reference-actions{width:100%;margin:0;justify-content:space-between}.reference-return{flex:1}}

/* The modal and the permanent case page share the same reading order. */
.case .case-read { display: block; margin-top: 18px; }
.case .case-media { outline: 1px solid oklch(0 0 0 / .1); outline-offset: -1px; }
.case .case-text p { white-space: pre-line; }
.case .case-open { color: inherit; text-decoration: none; }
.case .case-open img { transition: none; }
.case .case-open:hover img { transform: none; }
.case .case-open:focus-visible, .portfolio-story :is(a,button):focus-visible { outline: 2px solid var(--blue); outline-offset: 4px; border-radius: 8px; }
#portfolio-dialog.portfolio-story { width: min(1100px,calc(100% - 32px)); height: min(900px,calc(100dvh - 32px)); max-height: calc(100dvh - 32px); padding: 0; overflow: hidden; }
#portfolio-dialog.portfolio-story[open] { display: flex; flex-direction: column; }
.portfolio-dialog-scroll { min-height: 0; flex: 1; overflow: auto; overscroll-behavior: contain; padding: 36px; }
.portfolio-story[data-page="portfolio-detail"] { padding-top: 28px; }
.portfolio-story .case-heading { margin: 24px 0 28px; padding-right: 28px; }
.portfolio-story .case-heading :is(h1,h2) { margin: 8px 0 0; font-size: clamp(26px,3.2vw,42px); line-height: 1.3; overflow-wrap: anywhere; }
.portfolio-story .portfolio-detail { grid-template-columns: minmax(0,1.1fr) minmax(0,1fr); align-items: start; gap: 36px; }
.portfolio-story .portfolio-detail--photo-only { grid-template-columns: minmax(0,1fr); }
.portfolio-story .portfolio-detail--photo-only .detail-image { width: 100%; max-width: 640px; }
.portfolio-story .portfolio-detail--photo-only .detail-copy { display: none; }
.portfolio-story .detail-image { display: block; height: auto; background: transparent; }
.portfolio-story figure { margin: 0; min-width: 0; }
.portfolio-story .case-photo { position: relative; display: block; border-radius: 18px; background: #f6f7f9; outline: 1px solid oklch(0 0 0 / .1); outline-offset: -1px; overflow: hidden; cursor: zoom-in; }
.portfolio-story .case-photo img { display: block; width: 100%; height: auto; max-height: 580px; aspect-ratio: 1 / 1; object-fit: contain; padding: 16px; }
.portfolio-story .photo-zoom { position: absolute; bottom: 12px; right: 12px; padding: 6px 10px; border-radius: 6px; background: #fff; color: var(--ink); font-size: 12px; }
.portfolio-story figcaption { margin-top: 10px; color: var(--muted); font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; }
.portfolio-story .detail-copy { min-width: 0; padding-top: 0; }
.portfolio-story .detail-copy p { margin: 0; white-space: pre-line; overflow-wrap: anywhere; line-height: 1.9; }
.portfolio-story .case-summary { font-size: 18px; }
.portfolio-story .case-work { margin-top: 28px; }
.portfolio-story .case-work:first-child { margin-top: 0; }
.portfolio-story .case-summary[hidden] + .case-work { margin-top: 0; }
.portfolio-story .case-work :is(h2,h3), .portfolio-story .case-gallery-section :is(h2,h3), .portfolio-story .case-next :is(h2,h3) { font-size: 20px; line-height: 1.5; margin: 0 0 12px; padding: 0; }
.portfolio-story .case-work p { font-size: 16px; }
.portfolio-story .detail-copy .case-customer { margin-top: 24px; color: var(--muted); font-size: 14px; }
.portfolio-story .case-gallery-section { margin-top: 40px; }
.portfolio-story .detail-gallery { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; margin: 0; }
.portfolio-story[data-page="portfolio-detail"] { padding-bottom: var(--case-dock-space, 220px); }
.portfolio-story .case-next { position: fixed; z-index: 80; left: 50%; bottom: 0; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 24px; width: min(1100px,calc(100% - 32px)); margin: 0; padding: 18px 24px max(18px,env(safe-area-inset-bottom)); border: 1px solid var(--line); border-bottom: 0; border-radius: 18px 18px 0 0; background: rgb(255 255 255 / .96); box-shadow: 0 -8px 30px rgb(29 49 85 / .12); transform: translateX(-50%); backdrop-filter: blur(14px); }
.portfolio-story .case-next p { margin: 0; color: var(--muted); line-height: 1.75; }
#portfolio-dialog .case-next { position: static; flex-shrink: 0; width: 100%; transform: none; border-radius: 0; }
.portfolio-story .case-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.portfolio-story .case-actions .button { min-height: 48px; margin: 0; transition: none; }
.portfolio-story #detail-page-link { display: inline-flex; margin-top: 24px; min-height: 44px; align-items: center; }
.portfolio-story [hidden] { display: none !important; }
.portfolio-story .dialog-close { min-width: 44px; min-height: 44px; }
[data-page="portfolio-detail"].page { animation: none; }
@media (hover:hover) and (pointer:fine) {
  .portfolio-story .case-actions .button:active:not(:focus-visible) { transform: scale(.96); }
}
@media (max-width:700px) {
  .portfolio-dialog-scroll { padding: 24px 20px; }
  .portfolio-story[data-page="portfolio-detail"] { padding-bottom: var(--case-dock-space, 350px); }
  .portfolio-story .case-heading { margin-top: 20px; }
  .portfolio-story .portfolio-detail, .portfolio-story .detail-gallery { display: grid; grid-template-columns: minmax(0,1fr); gap: 24px; }
  .portfolio-story .case-next { grid-template-columns: minmax(0,1fr); gap: 12px; width: calc(100% - 16px); padding: 14px 16px max(14px,env(safe-area-inset-bottom)); border-radius: 16px 16px 0 0; }
  .portfolio-story .case-actions { display: grid; grid-template-columns: minmax(0,1fr); }
  .portfolio-story .case-summary { font-size: 16px; }
  .portfolio-story .case-work p { font-size: 15px; }
}
@media (prefers-reduced-motion:reduce) {
  .portfolio-story .case-actions .button:active:not(:focus-visible) { transform: none; }
}

.ad-consent-panel:not([hidden]){position:fixed;z-index:90;bottom:20px;left:50%;transform:translateX(-50%);width:min(960px,calc(100% - 32px));display:flex;align-items:center;gap:24px;padding:20px;background:#fff;color:#172331;border:1px solid #d6dce2;border-radius:16px;box-shadow:0 8px 30px #17233124}.ad-consent-panel p{font-size:14px;margin:6px 0}.ad-consent-actions{display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0}.ad-consent-panel a{font-size:14px;text-decoration:underline}@media(max-width:680px){.ad-consent-panel:not([hidden]){flex-direction:column;align-items:stretch;gap:12px;bottom:12px;padding:16px}.ad-consent-actions .button{flex:1}}

.ga4-consent-panel:not([hidden]){margin:24px auto;padding:20px;background:#fff;color:#172331;border:1px solid #d6dce2;border-radius:16px;display:flex;align-items:center;gap:24px}.ga4-consent-panel p{font-size:14px;margin:6px 0}.ga4-consent-panel a{font-size:14px;text-decoration:underline}@media(max-width:680px){.ga4-consent-panel:not([hidden]){flex-direction:column;align-items:stretch;gap:12px}}