@font-face{font-family:Manrope;src:url('./assets/manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}@font-face{font-family:Pretendard;src:url('./assets/pretendard.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--paper:#f4f2e9;--paper-deep:#eae8dc;--blue:#224acc;--navy:#0e202e;--ink:#173042;--muted:#61716c;--line:#cbd0c5;--light-blue:#a7c9e5;--padding:clamp(20px,4.5vw,80px);--heading:clamp(32px,3.5vw,52px);font-family:Manrope,Pretendard,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:5px}button:disabled{cursor:default;opacity:.45}h1,h2,h3,p,figure,dl,dd{margin:0}h1,h2,h3{font-weight:480;letter-spacing:-.045em;word-break:keep-all}p{word-break:keep-all}svg{display:block}img{max-width:100%;display:block}button svg{pointer-events:none}.skip-link{position:fixed;left:20px;top:-100px;z-index:20;padding:15px;background:var(--navy);color:white}.skip-link:focus{top:10px}.concept-bar{min-height:32px;padding:8px var(--padding);display:flex;justify-content:space-between;gap:12px;background:var(--navy);color:#b8c8d2;font-size:10px;letter-spacing:.09em}.concept-bar span:nth-child(2){letter-spacing:0;font-size:11px}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:40px;padding:21px var(--padding);border-bottom:1px solid var(--line);background:#f4f2e9f5}.wordmark{display:flex;align-items:center;gap:10px;color:var(--blue);font-size:25px;font-weight:800;letter-spacing:-.05em;line-height:1}.wordmark svg{width:24px;height:29px;fill:none;stroke:currentColor;stroke-width:1.8}.wordmark>span{font-size:8px;font-weight:600;letter-spacing:.12em;max-width:72px;line-height:1.5;border-left:1px solid var(--line);padding-left:12px;margin-left:4px}.site-header nav{margin-left:auto;display:flex;gap:30px;font-size:13px}.site-header nav a{padding:8px 0}.header-link{font-size:12px;color:var(--muted);display:flex;gap:14px}.section-wrap{padding:80px var(--padding);max-width:1800px;margin:auto}.eyebrow{display:flex;justify-content:space-between;color:var(--blue);font-size:11px;letter-spacing:.12em;line-height:1.5}.eyebrow span:last-child{letter-spacing:0;color:var(--muted)}.section-intro{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:60px;margin:32px 0 45px}.section-intro h1,.section-intro h2{font-size:var(--heading);line-height:1.2;color:var(--blue)}.section-intro h1 span,.section-intro h2 span{color:var(--ink)}.section-intro>p,.section-intro>div>p{font-size:16px;line-height:1.85;color:var(--muted);max-width:480px}.form-showcase{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(0,2fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:470px;gap:35px}.form-detail{display:flex;flex-direction:column;justify-content:space-between;gap:22px;padding:28px 0}.detail-index{font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted)}.small-label{font-size:10px;letter-spacing:.12em;line-height:1.5}.form-detail .small-label{color:var(--blue);font-size:9px}.form-detail h2{font-size:29px;margin:10px 0 16px}.form-detail #form-description{font-size:14px;line-height:1.85;max-width:275px;color:var(--muted)}.form-facts{font-size:12px;display:grid;gap:10px}.form-facts>div{display:grid;grid-template-columns:45px 1fr;gap:16px}@media(min-width:781px){.form-facts{grid-template-columns:minmax(45px,max-content) 1fr;column-gap:16px}.form-facts>div{grid-column:1/-1;grid-template-columns:minmax(45px,max-content) 1fr;grid-template-columns:subgrid}}.form-facts dt{color:var(--muted)}.text-button{align-self:flex-start;border-bottom:1px solid var(--ink);padding:7px 0;display:flex;gap:30px;align-items:center;font-size:12px}.text-button span{font-size:20px}.form-figure{position:relative;min-width:0}.form-stage{height:100%;min-height:460px;position:relative;isolation:isolate}.model-fallback{width:100%;height:100%;position:absolute;inset:0;object-fit:contain;padding:50px;mix-blend-mode:multiply}.form-stage.rendered>.model-fallback,.study-stage.rendered>.model-fallback{display:none}.form-stage canvas,.study-stage canvas{display:block;width:100%;height:100%}.stage-coordinate{position:absolute;top:28px;left:15px;right:0;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.14em;color:#82908a;pointer-events:none}.stage-coordinate b{font-weight:500;color:var(--blue);margin-left:12px}.form-figure>figcaption{position:absolute;bottom:28px;left:15px;font-size:10px;color:var(--muted)}.round-button{display:flex;align-items:center;gap:10px;font-size:11px;position:absolute;bottom:18px;right:0;background:var(--paper);padding:10px 0 10px 15px}.round-button svg{width:30px;height:30px;fill:none;stroke:var(--blue);stroke-width:1.2}.form-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding-top:22px}.form-options button{padding:17px 20px 20px;text-align:left;position:relative;border-bottom:2px solid transparent;transition:background .25s,border-color .25s}.form-options button[aria-pressed=true]{background:#e7e9df;border-bottom-color:var(--blue)}.form-options button:hover{background:#eaece4}.option-top{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);letter-spacing:.08em}.form-options svg{width:110px;height:80px;fill:none;stroke:var(--blue);stroke-width:1.1;margin:8px auto 18px;stroke-linecap:round;stroke-linejoin:round}.option-bottom{display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:450}.option-bottom span{font-size:17px;color:var(--blue)}.section-note{font-size:11px;color:var(--muted);line-height:1.7;margin-top:25px}.structure{background:var(--navy);color:#f4f2e9}.structure .eyebrow{color:var(--light-blue)}.structure .eyebrow span:last-child{color:#8ba3b0}.structure .section-intro h2{color:#f4f2e9}.structure .section-intro h2 span{color:var(--light-blue)}.structure .section-intro>div>p{color:#a7b9c3}.segmented{display:inline-flex;border:1px solid #415969;margin-top:22px;padding:4px}.segmented button{padding:9px 20px;font-size:12px;color:#b0c4d0;transition:background .2s,color .2s}.segmented button[aria-pressed=true]{background:#a9c7dd;color:#0e202e}.comparison{display:grid;grid-template-columns:1fr 1.2fr 1fr;border:1px solid #354d5c}.comparison-panel{min-width:0;position:relative;display:flex;flex-direction:column}.comparison-panel+.comparison-panel{border-left:1px solid #354d5c}.panel-top{display:flex;align-items:center;gap:12px;padding:20px 22px;font-size:10px;color:#9bb4c3;border-bottom:1px solid #354d5c}.panel-top h3{color:#e7eef1;font-size:15px;letter-spacing:0;font-weight:500}.panel-top>span:last-child{margin-left:auto;font-size:9px;letter-spacing:.14em}.drawing{height:320px;display:grid;place-items:center;padding:16px;background-image:linear-gradient(#48617314 1px,transparent 1px),linear-gradient(90deg,#48617314 1px,transparent 1px);background-size:24px 24px}.drawing svg{width:100%;max-height:290px;stroke:#9fc2dd;stroke-width:1;fill:none}.drawing svg .fold{stroke:#9fc2dd80;stroke-dasharray:4 3}.drawing svg .dimension{stroke:#5c809b;stroke-width:.7}.drawing svg text{stroke:none;fill:#91b2c9;font:8px Manrope,sans-serif;letter-spacing:.08em}.study-stage{height:320px;position:relative;min-width:0}.study-stage .model-fallback{mix-blend-mode:normal;padding:32px}.product-photo{height:320px;padding:30px 20px;display:flex;flex-direction:column;justify-content:center;gap:15px}.product-photo img{width:100%;height:auto;object-fit:contain;max-height:240px}.product-photo figcaption{font-size:8px;letter-spacing:.1em;color:#93a7b3}.panel-bottom{display:flex;align-items:center;gap:10px;min-height:94px;padding:16px 22px;border-top:1px solid #354d5c;margin-top:auto}.panel-bottom p{font-size:12px;line-height:1.7;color:#a9bdc9}.mini-line{width:12px;height:12px;border:1px solid var(--light-blue);flex-shrink:0}.photo-dot{height:6px;width:6px;border-radius:50%;background:#b69460;flex-shrink:0}.icon-button{margin-left:auto;min-width:40px;height:40px;border:1px solid #486273;border-radius:50%;font-size:24px;color:var(--light-blue)}.structure-footer{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;margin-top:38px;padding-bottom:5px;align-items:start}.structure-footer>p{font-size:25px;line-height:1.45;font-weight:350;letter-spacing:-.035em;color:#a8bdca}.structure-footer strong{font-weight:450;color:#edf2f4}.structure-footer>div{display:flex;flex-direction:column;gap:16px;font-size:13px;line-height:1.8;color:#b9c8d0}.structure-footer small{font-size:10px;color:#879fae}.source-badge{display:inline-flex;gap:8px;align-items:center;margin-top:17px;padding:6px 10px;border:1px solid var(--line);font-size:10px;color:var(--muted)}.source-badge i{width:4px;height:4px;border-radius:50%;background:var(--muted)}.plant-overview{display:grid;grid-template-columns:1fr 1.8fr;gap:60px;padding:30px 0 44px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.plant-facts>.small-label{color:var(--blue)}.main-area{margin-top:36px}.main-area>span{font-size:13px}.main-area>p{font-size:clamp(52px,6vw,85px);letter-spacing:-.06em;line-height:1.15;margin:10px 0;color:var(--blue);font-weight:400;font-variant-numeric:tabular-nums;white-space:nowrap}.main-area small{font-size:25px;letter-spacing:-.02em;margin-left:8px;font-weight:400}.main-area>.area-caption{font-size:11px;color:var(--muted)}.secondary-area{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);padding-top:17px;margin-top:28px;max-width:270px}.secondary-area>span{font-size:12px}.secondary-area p{font-size:25px;color:var(--blue);letter-spacing:-.04em}.secondary-area small{font-size:14px}.plant-address{font-size:11px;color:var(--muted);line-height:1.8;margin-top:30px}.plant-drawing{background:#122734;padding:22px;color:#9bb5c5;display:flex;flex-direction:column;justify-content:space-between}.plan-heading{display:flex;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:.11em}.plant-drawing img{width:100%;max-height:350px;object-fit:contain;mix-blend-mode:screen;padding:20px 0}.plant-drawing figcaption{font-size:10px}.equipment-heading{margin:47px 0 25px;display:flex;align-items:baseline;justify-content:space-between;gap:25px}.equipment-heading h3{font-size:28px}.equipment-heading p{font-size:12px;color:var(--muted)}.equipment{display:grid;grid-template-columns:1fr 1.25fr;gap:50px;align-items:start}.equipment-list{border-top:1px solid var(--line)}.equipment-list button{width:100%;display:grid;grid-template-columns:18px 1fr auto 18px;gap:15px;align-items:center;text-align:left;border-bottom:1px solid var(--line);padding:26px 15px;transition:background .2s}.machine-order{font-size:10px;color:var(--muted);align-self:start;padding-top:5px}.equipment-list strong{display:block;font-weight:450;font-size:19px;letter-spacing:-.03em}.equipment-list small{font-size:9px;color:var(--muted);letter-spacing:.08em;display:block;margin-top:8px}.machine-short{font-size:10px;color:var(--muted)}.machine-arrow{color:var(--blue);opacity:0}.equipment-list button[aria-pressed=true]{background:var(--paper-deep);box-shadow:inset 2px 0 var(--blue)}.equipment-list button[aria-pressed=true] strong{color:var(--blue)}.equipment-list button[aria-pressed=true] .machine-arrow{opacity:1}.equipment-list button:hover{background:#eaece4}.equipment-view{border-top:1px solid var(--line);padding-top:15px}.equipment-meta{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.06em;color:var(--muted);gap:12px}.equipment-image{height:265px;display:flex;align-items:center;justify-content:center;padding:28px 0 20px}.equipment-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.dimension{padding-top:16px;border-top:1px solid var(--line)}.dimension>span{font-size:11px;color:var(--muted)}.dimension>p:first-of-type{font-size:31px;letter-spacing:-.05em;margin-top:5px;color:var(--blue);font-variant-numeric:tabular-nums}.dimension small{font-size:16px;letter-spacing:0}.dimension>p:last-of-type{font-size:12px;color:var(--muted);line-height:1.8;margin-top:10px}.equipment-note{font-size:10px;line-height:1.8;color:var(--muted);margin-top:27px;max-width:760px}.contact-line{border-top:1px solid var(--line);margin-top:64px;padding-top:35px;display:flex;align-items:end;justify-content:space-between;gap:24px}.contact-line .small-label{color:var(--blue);font-size:9px}.contact-line h3{font-size:28px;margin-top:10px}.contact-line>a{display:flex;gap:45px;align-items:center;border-bottom:1px solid var(--blue);padding:10px 0;font-size:14px;color:var(--blue);white-space:nowrap}.contact-line>a span{font-size:24px}footer{display:flex;gap:25px;align-items:center;justify-content:space-between;background:#e9e8de;padding:30px var(--padding);font-size:10px;color:var(--muted)}.footer-logo{font-size:23px;font-weight:750;color:var(--blue);letter-spacing:-.04em}.noscript{padding:25px;font-size:14px}.structure .section-wrap{padding-top:85px;padding-bottom:70px}
@media(min-width:1600px){.form-stage{min-height:550px}.drawing,.study-stage,.product-photo{height:380px}}
@media(max-width:1050px){.wordmark>span{display:none}.site-header{gap:24px}.site-header nav{gap:20px}.section-intro{gap:35px}.form-showcase{grid-template-columns:minmax(220px,.85fr) minmax(0,1.6fr);gap:20px}.form-options{gap:12px}.form-options button{padding:15px}.comparison{grid-template-columns:1fr 1.1fr 1fr}.panel-top{padding:17px 13px;gap:8px}.panel-bottom{padding:14px 13px}.drawing{padding:8px}.product-photo{padding:15px 12px}.drawing,.study-stage,.product-photo{height:260px}.plant-overview{gap:35px}.equipment{gap:28px;grid-template-columns:1fr 1fr}.equipment-list button{gap:10px;padding:23px 10px}.machine-short{font-size:9px}.equipment-list strong{font-size:17px}.equipment-heading h3{font-size:25px}}
@media(max-width:780px){html{scroll-padding-top:112px}.concept-bar{font-size:9px}.concept-date{display:none}.site-header{padding:15px var(--padding) 10px;flex-wrap:wrap;gap:14px}.wordmark{font-size:22px}.wordmark svg{width:22px;height:25px}.header-link{margin-left:auto;font-size:10px}.site-header nav{order:3;width:100%;margin:0;justify-content:space-between;gap:12px;font-size:12px}.site-header nav a{padding:7px 0}.section-wrap{padding-top:50px;padding-bottom:50px}.eyebrow{font-size:9px;letter-spacing:.07em}.eyebrow span:last-child{font-size:10px}.section-intro{grid-template-columns:1fr;gap:24px;margin:27px 0 30px}.section-intro>p,.section-intro>div>p{font-size:14px}.form-showcase{grid-template-columns:1fr;gap:0}.form-detail{order:2;padding:23px 0;display:grid;grid-template-columns:1fr 1fr;gap:15px 25px;border-top:1px solid var(--line)}.detail-index{display:none}.form-detail>div{grid-row:span 2}.form-detail h2{font-size:25px;margin:8px 0 10px}.form-detail #form-description{font-size:12px;max-width:100%}.form-facts{font-size:11px;gap:10px;align-self:start;padding-top:4px}.form-facts>div{grid-template-columns:1fr;gap:4px}.text-button{font-size:11px;gap:18px;justify-self:start;align-self:end}.form-stage{height:370px;min-height:0}.stage-coordinate{left:0;top:19px;font-size:8px}.form-figure>figcaption{left:0;bottom:20px;font-size:9px}.round-button{bottom:10px;font-size:10px}.round-button svg{width:25px}.form-options{gap:8px;padding-top:15px}.form-options button{padding:12px 8px}.option-top{font-size:8px}.option-top>span{display:none}.form-options svg{width:75px;height:64px;max-width:100%;margin:5px auto 10px}.option-bottom{font-size:13px;gap:6px}.option-bottom>span{display:none}.section-note{font-size:10px;margin-top:18px}.structure .section-wrap{padding-top:54px;padding-bottom:48px}.segmented{margin-top:17px}.segmented button{padding:9px 17px}.comparison{grid-template-columns:1fr 1fr}.photo-panel{grid-column:1/-1;display:grid;grid-template-columns:.9fr 1.1fr!important;border-left:none!important;border-top:1px solid #354d5c}.photo-panel .panel-top{grid-column:1/-1}.photo-panel .product-photo{order:3;height:225px;padding:20px}.photo-panel .panel-bottom{order:2;margin:0;border:0;flex-direction:column;align-items:start;justify-content:center;padding:22px}.photo-panel .panel-bottom p{font-size:14px;max-width:240px}.photo-panel .panel-bottom .photo-dot{width:9px;height:9px;margin-bottom:10px}.product-photo img{max-height:170px}.drawing,.study-stage{height:285px}.structure-footer{grid-template-columns:1fr;gap:22px;margin-top:28px}.structure-footer>p{font-size:23px}.structure-footer>div{font-size:12px;gap:10px}.structure-footer small{font-size:10px}.plant-overview{grid-template-columns:.8fr 1.2fr;gap:25px;padding:24px 0 30px}.main-area>p{font-size:54px}.main-area small{font-size:20px}.main-area{margin-top:22px}.plant-drawing{padding:17px}.plan-heading{font-size:8px;flex-wrap:wrap}.plant-drawing img{padding:16px 0}.plant-address{font-size:10px}.equipment-heading{display:block;margin-top:35px}.equipment-heading h3{font-size:25px}.equipment-heading p{margin-top:12px;line-height:1.6}.equipment{grid-template-columns:1fr;gap:27px}.equipment-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.equipment-list button{display:flex;flex-direction:column;gap:9px;align-items:start;padding:18px 12px;position:relative;min-width:0}.equipment-list button[aria-pressed=true]{box-shadow:inset 0 -2px var(--blue)}.machine-order{font-size:9px;padding:0}.machine-short{font-size:9px;line-height:1.5;word-break:keep-all}.machine-arrow{position:absolute;right:10px;top:15px}.equipment-list small{font-size:8px;margin-top:6px}.equipment-meta{font-size:8px}.equipment-image{height:250px;padding:24px 0}.dimension>p:first-of-type{font-size:30px}.equipment-note{font-size:10px}.contact-line{margin-top:45px}.contact-line h3{font-size:24px}.contact-line>a{font-size:12px;gap:20px}footer{flex-wrap:wrap;padding-top:25px;padding-bottom:25px;gap:15px}footer>span{order:3;width:100%;font-size:10px}.footer-logo{font-size:22px}}
@media(max-width:500px){:root{--padding:20px;--heading:31px}.concept-bar span:first-child{font-size:8px}.concept-bar span:nth-child(2){font-size:9px}.section-intro>p br,.section-intro>div>p br{display:none}.eyebrow span:last-child{display:none}.form-stage{height:305px}.form-detail{gap:20px;grid-template-columns:1.35fr 1fr}.form-detail .small-label{font-size:7px;letter-spacing:.07em}.form-detail h2{font-size:23px}.form-detail #form-description{font-size:12px}.form-facts>div{gap:6px}.form-options{gap:4px}.option-bottom{font-size:12px;word-break:keep-all}.form-options svg{height:50px}.form-options button{padding:10px 6px}.comparison{grid-template-columns:1fr}.comparison-panel+.comparison-panel{border-left:none;border-top:1px solid #354d5c}.drawing-panel .drawing{height:250px}.render-panel .study-stage{height:280px}.panel-top{padding:16px 20px}.panel-bottom{padding:16px 20px;min-height:68px}.panel-bottom p{font-size:12px}.photo-panel{display:flex!important;grid-column:auto}.photo-panel .product-photo{order:0;height:auto;padding:24px 20px;min-height:230px}.photo-panel .panel-top{order:-1}.photo-panel .panel-bottom{order:1;border-top:1px solid #354d5c;flex-direction:row;align-items:center;justify-content:start;padding:16px 20px}.photo-panel .panel-bottom p{font-size:12px;max-width:none}.photo-panel .panel-bottom .photo-dot{width:6px;height:6px;margin:0}.product-photo img{max-height:230px}.plant-overview{grid-template-columns:1fr;gap:26px}.plant-facts{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.plant-facts>.small-label{grid-column:1/-1;font-size:9px}.main-area{margin:0}.main-area>span{font-size:12px}.main-area>p{font-size:48px;margin-top:8px}.main-area small{font-size:18px}.main-area>.area-caption{font-size:9px}.secondary-area{border:0;margin:0;display:block;padding-top:0}.secondary-area>span{font-size:12px}.secondary-area>p{margin-top:15px;font-size:25px}.secondary-area small{font-size:13px}.plant-address{grid-column:1/-1;margin:0}.plant-drawing{padding:20px}.plant-drawing img{max-height:300px}.equipment-list strong{font-size:16px}.equipment-list button{padding:15px 9px}.equipment-list .machine-short{font-size:8px}.equipment-image{height:210px}.dimension>p:first-of-type{font-size:27px}.contact-line{display:block}.contact-line h3{font-size:25px}.contact-line>a{width:100%;justify-content:space-between;margin-top:25px}.source-badge{font-size:9px}.stage-coordinate{font-size:7px}}
@media(max-width:330px){:root{--padding:16px;--heading:27px}.concept-bar span:first-child{display:none}.concept-bar{justify-content:center}.site-header nav{font-size:10px;gap:8px}.header-link{font-size:9px}.form-stage{height:245px}.form-figure>figcaption{font-size:8px;max-width:110px}.round-button{gap:5px;font-size:9px}.form-detail{grid-template-columns:1fr}.form-detail>div{grid-row:auto}.form-facts{grid-template-columns:1fr 1fr;font-size:10px}.form-detail #form-description{font-size:12px}.form-detail .small-label{font-size:8px}.text-button{margin-top:2px}.form-options{grid-template-columns:1fr 1fr;gap:8px}.form-options button{padding:12px}.option-top>span{display:block;font-size:7px}.option-bottom{font-size:14px}.form-options svg{height:60px}.stage-coordinate>span:first-child{display:none}.stage-coordinate{justify-content:end}.plant-facts{grid-template-columns:1fr}.plant-facts>.small-label,.plant-address{grid-column:auto}.secondary-area{display:flex;border-top:1px solid var(--line);padding-top:12px;align-items:center}.secondary-area>p{margin:0}.equipment-list small{font-size:6px}.equipment-list strong{font-size:13px}.machine-short{min-height:24px}.equipment-list button{padding:14px 6px}.equipment-image{height:175px}.dimension>p:first-of-type{font-size:23px}.dimension small{font-size:12px}.source-badge{font-size:8px}.photo-panel .product-photo{min-height:200px;padding:20px 15px}.drawing-panel .drawing{height:225px}.render-panel .study-stage{height:245px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* The approved B2 opening, carried into the product study by one canvas. */
:root{--header-height:78px}
.landing{height:calc(100svh - var(--header-height) - 32px);min-height:650px;position:relative;scroll-margin-top:var(--header-height)}
.landing-inner{height:100%;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.45fr);gap:30px;align-items:center;padding-top:35px;padding-bottom:36px;position:relative}
.landing-copy{position:relative;z-index:3;align-self:center;padding-bottom:30px;transition:opacity .1s linear}
.landing-copy>.eyebrow{font-size:10px;letter-spacing:.1em;margin-bottom:30px}
.landing h1{font-size:clamp(32px,3.2vw,48px);line-height:1.24;color:var(--blue);font-weight:450;letter-spacing:-.045em}
.landing h1>span{display:block;font-size:.53em;line-height:1.6;color:var(--ink);letter-spacing:-.025em;margin-top:23px}
.landing-link{display:inline-flex;gap:48px;align-items:center;font-size:12px;border-bottom:1px solid var(--blue);color:var(--blue);padding:9px 0;margin-top:42px}
.landing-link>span{font-size:20px}.landing-visual{height:clamp(370px,51vh,600px);position:relative;align-self:center}
.landing-fallback{width:100%;height:100%;color:var(--blue);padding:40px 0}
.has-journey .landing-fallback{visibility:hidden}.landing-technical{position:absolute;left:20px;right:10px;bottom:0;display:flex;justify-content:space-between;gap:20px;color:#7b8e87;font-size:8px;letter-spacing:.14em}
.landing-bottom{position:absolute;bottom:32px;left:var(--padding);right:var(--padding);display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:20px;color:var(--muted);font-size:10px}
.landing-bottom a{color:var(--blue)}.landing-bottom a span{padding-left:15px}.landing-origin{font-size:9px;letter-spacing:.08em}
.travelling-box{position:fixed;inset:0;z-index:2;pointer-events:none;display:none;isolation:isolate}.has-journey .travelling-box{display:block}.travelling-box canvas{width:100%;height:100%;display:block}.has-journey .form-stage>.model-fallback{visibility:hidden}.form-detail,.form-options,.form-figure>figcaption,.round-button,.stage-coordinate{position:relative;z-index:3}.form-figure>figcaption,.round-button,.stage-coordinate{position:absolute}.forms .section-intro{position:relative;z-index:3}.forms{scroll-margin-top:0}
.resilience{background:var(--navy);color:#f4f2e9}.resilience .eyebrow{color:var(--light-blue)}.resilience .eyebrow span:last-child{color:#9fb3bf}.resilience .section-intro h2{color:#f4f2e9}.resilience .section-intro h2 span{color:var(--light-blue)}.resilience .section-intro>p{color:#a7bcc9}
.lab-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr);gap:clamp(40px,6vw,88px);align-items:center}
.force-panel{border:1px solid #354d5c;color:#a7c9e5}.force-topline{padding:22px 25px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em;gap:16px}.force-topline>span:last-child{font-size:9px;color:#9ab0bd;letter-spacing:0}
.force-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #354d5c;border-bottom:1px solid #354d5c;padding:0 16px}.force-modes button{min-height:63px;font-size:13px;position:relative;color:#a1b5c1;border-bottom:2px solid transparent}.force-modes button>span{display:block;font-size:7px;letter-spacing:.12em;margin-top:5px}.force-modes button[aria-pressed=true]{color:#c3def2;border-bottom-color:#455e70}.force-modes button[aria-pressed=true]:after{content:'';position:absolute;left:0;right:0;bottom:-2px;height:2px;background:#a7c9e5;transform:scaleX(var(--force-progress,0));transform-origin:left}
.force-viewport{aspect-ratio:1.5;min-height:240px;position:relative;isolation:isolate}.force-canvas,.force-still{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.force-canvas canvas{display:block;width:100%;height:100%}.force-ready .force-still{visibility:hidden}.force-ready .force-viewport{cursor:pointer}.force-view-label{position:absolute;top:22px;left:25px;font-size:10px;letter-spacing:.04em;color:#9fb8c6;z-index:2}.force-axis-label{position:absolute;bottom:18px;right:25px;font-size:8px;letter-spacing:.12em;color:#93acbc;z-index:2}
.force-legend{display:flex;justify-content:space-between;gap:14px;padding:8px 25px 20px;font-size:10px;color:#a5bac7}.force-key{display:flex;gap:10px;align-items:center;font-size:9px}.force-key i{width:45px;height:4px;background:linear-gradient(90deg,#9dbfe2 50%,#dfa16b 50%)}
.force-options{display:flex;gap:12px;padding:0 25px 19px;flex-wrap:wrap}.force-options button{font-size:10px;min-height:36px;border:1px solid #455f70;padding:7px 12px;display:flex;gap:8px;align-items:center;color:#8fa8b8}.force-options button[aria-pressed=true]{color:#c4ddec;background:#1a3243;border-color:#678497}.reference-icon{display:block;width:15px;height:12px;border:1px dashed currentColor}
.force-playback{border-top:1px solid #354d5c;padding:5px 22px;display:flex;gap:16px;align-items:center;min-height:55px;font-size:11px}.force-playback>span{flex:1;min-width:0;color:#a2b8c6}.force-playback button{font-size:11px;min-height:44px;display:flex;align-items:center;gap:8px;padding:7px 0;white-space:nowrap}.force-playback button span{font-size:18px}.force-playback button:disabled,.force-options button:disabled{opacity:.35;cursor:default}
.force-seek{padding:5px 25px 21px}.force-seek label{display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#b4c9d7;margin-bottom:7px}.force-seek label>span{color:#8ea6b5;font-size:8px}.force-seek input{display:block;width:100%;height:27px;margin:0;cursor:pointer;accent-color:#aecfe6;background:transparent}.force-seek input:focus-visible{outline:2px solid #aecfe6;outline-offset:3px}.force-ticks{display:flex;justify-content:space-between;font-size:8px;color:#8fa9b9;gap:10px}.force-study figcaption{margin-top:15px;color:#93aab9;font-size:10px;line-height:1.8;word-break:keep-all}
.force-explainer>.small-label{color:#8caac0;font-size:9px}.force-explainer h3{font-size:30px;font-weight:450;margin-top:21px;margin-bottom:18px;color:#c2def1}.force-explainer>p:not(.small-label):not(.force-auto){font-size:14px;line-height:1.95;color:#b3c5d0;max-width:360px}.force-steps{margin:32px 0 25px;padding:0;list-style:none;border-top:1px solid #354d5c}.force-steps li{display:flex;gap:20px;border-bottom:1px solid #354d5c;padding:17px 12px 17px 0;color:#839dac;transition:color .3s,background .3s,padding .3s}.force-steps li.is-active{background:#193345;color:#c5e0f1;padding-left:14px}.force-steps li>span{font-size:10px;padding-top:3px}.force-steps strong{font-size:14px;font-weight:450;display:block}.force-steps small{font-size:10px;display:block;margin-top:7px;color:#92adbd}.force-note{display:flex;gap:13px;align-items:start}.note-dash{border:1px dashed #98bedb;width:22px;height:18px;flex-shrink:0;margin-top:3px}.force-note p{font-size:11px;color:#a8c0cf;line-height:1.8}.force-auto{font-size:10px;color:#839faf;line-height:1.8;margin-top:22px}.company-close{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;border-top:1px solid #354d5c;margin-top:55px;padding-top:32px;align-items:start}.company-close>p{font-size:20px;letter-spacing:-.025em;line-height:1.6;color:#a9c3d5}.company-close>div{display:flex;flex-direction:column;gap:10px}.company-close>div>span{font-size:10px;color:#91abbd}.company-close strong{font-size:20px;font-weight:400}.company-close small{font-size:11px;color:#a2bac9;line-height:1.7}.final-contact{padding-top:12px;padding-bottom:70px}.final-contact .contact-line{border-top:0;margin-top:20px}
@media(max-width:1100px){.site-header{gap:22px}.site-header nav{gap:20px}.wordmark>span{display:none}.landing-inner{grid-template-columns:1fr 1.25fr;gap:15px}.landing h1{font-size:36px}.landing h1>span{font-size:.54em}.lab-layout{grid-template-columns:1.45fr 1fr;gap:32px}.force-explainer h3{font-size:26px}}
@media(max-width:780px){.site-header nav{gap:13px;font-size:11px}.landing{height:calc(100svh - var(--header-height) - 32px);min-height:670px}.landing-inner{display:flex;flex-direction:column;align-items:stretch;padding-top:40px;padding-bottom:95px;gap:15px}.landing-copy{padding:0;align-self:stretch;flex:none}.landing-copy>.eyebrow{font-size:9px;margin-bottom:22px}.landing h1{font-size:clamp(31px,5vw,39px)}.landing h1>span{font-size:.55em;margin-top:14px}.landing-link{margin-top:20px;font-size:11px;gap:30px}.landing-visual{align-self:stretch;flex:1;min-height:245px;height:auto}.landing-technical{left:0;right:0;font-size:7px;bottom:-10px}.landing-bottom{bottom:28px;font-size:9px}.landing-bottom>span:first-child,.landing-origin{display:none}.landing-bottom a{display:flex;justify-content:space-between;width:100%}.lab-layout{grid-template-columns:1fr;gap:35px}.force-study{width:100%}.force-explainer{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.force-explainer>.small-label{grid-column:1/-1}.force-explainer h3{grid-column:1;margin-top:20px}.force-explainer>p:not(.small-label):not(.force-auto){grid-column:1;font-size:13px}.force-steps{grid-column:2;grid-row:2/5;margin-top:20px}.force-note{grid-column:1;margin-top:22px}.force-auto{grid-column:1/-1;margin-top:0}.company-close{grid-template-columns:1fr 1fr;gap:25px}.company-close>p{font-size:17px}.company-close strong{font-size:18px}.company-close small{font-size:10px}.final-contact{padding-top:10px;padding-bottom:48px}}
@media(max-width:500px){.site-header nav{gap:9px;font-size:10px}.landing{min-height:670px}.landing-inner{padding-top:35px}.landing h1{font-size:33px}.landing h1>span{font-size:17px}.landing-visual{min-height:230px}.landing-copy>.eyebrow{margin-bottom:20px}.force-topline{padding:18px;font-size:9px}.force-modes{padding-inline:7px}.force-modes button{min-height:57px;font-size:12px}.force-modes button>span{font-size:6px}.force-viewport{min-height:235px;aspect-ratio:1.3}.force-view-label{font-size:9px;left:18px;top:16px}.force-axis-label{font-size:7px;right:18px;bottom:14px}.force-legend{padding:8px 18px 16px;font-size:9px}.force-key{font-size:8px}.force-options{padding:0 18px 15px;gap:8px}.force-options button{font-size:9px;min-height:36px;padding:7px 9px}.force-playback{padding:5px 18px;gap:14px;font-size:10px;flex-wrap:wrap}.force-playback>span{font-size:10px}.force-playback button{font-size:10px;gap:6px}.force-seek{padding:5px 18px 17px}.force-study figcaption{font-size:9px}.force-explainer{display:block}.force-explainer h3{font-size:28px}.force-explainer>p:not(.small-label):not(.force-auto){font-size:14px;max-width:none}.force-steps{display:grid;grid-template-columns:1fr 1fr;margin-top:25px}.force-steps li{padding:18px 10px;gap:10px}.force-steps li.is-active{padding-left:10px}.force-steps strong{font-size:12px}.force-steps small{font-size:9px;line-height:1.6}.force-note{margin-top:0}.force-auto{margin-top:20px}.company-close{grid-template-columns:1fr;margin-top:40px;gap:28px}.company-close>p{font-size:19px}}
@media(max-width:330px){.site-header nav{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;font-size:11px}.site-header nav>a:nth-child(even){text-align:right}.landing{min-height:640px}.landing h1{font-size:28px}.landing h1>span{font-size:15px}.landing-inner{padding-top:30px;gap:8px}.landing-visual{min-height:230px}.force-topline{font-size:8px;padding:16px 12px}.force-topline>span:last-child{font-size:8px}.force-viewport{min-height:210px}.force-view-label{left:12px;font-size:8px}.force-axis-label{right:12px;font-size:6px}.force-options{padding-inline:12px;gap:7px}.force-options button{font-size:8px;padding:6px 7px}.force-playback{padding:6px 12px;gap:12px}.force-playback>span{flex-basis:100%;padding-top:6px}.force-playback button{min-height:32px}.force-seek{padding-inline:12px}.force-steps strong{font-size:11px}.force-steps small{font-size:8px}.force-explainer h3{font-size:25px}}
@media(prefers-reduced-motion:reduce){.landing-copy,.force-steps li{transition:none}}

/* Let the opening copy accompany the fold until the product chapter arrives. */
.landing-copy{position:sticky;top:calc(var(--header-height) + 36px)}
@media(max-width:780px){.landing-copy{top:calc(var(--header-height) + 24px)}}
.lab-layout>*{min-width:0}.force-seek input{min-width:0;max-width:100%}
@media(max-width:780px){.lab-layout{grid-template-columns:minmax(0,1fr)}}
.force-viewport{width:100%;min-width:0}

/* B2 narrative restored ahead of the new construction studies. */
:root{--header:var(--header-height);--pale:#e4eaf0}
html{scroll-padding-top:calc(var(--header-height) + 20px)}
.wrap{width:100%;max-width:1800px;margin-inline:auto;padding-inline:var(--padding)}
.packaging-journey,.process-story{isolation:isolate}
.packaging-journey .label,.process-story .label{color:var(--blue);font-size:10px;letter-spacing:.1em;line-height:1.6}
.packaging-journey em,.process-story em{font-style:normal}
.text-link{display:inline-flex;align-items:center;gap:30px;color:var(--blue);border-bottom:1px solid var(--line);padding-block:7px}
.packaging-journey .journey-intro h1{font-size:clamp(30px,3vw,44px);line-height:1.2;font-weight:450;text-wrap:balance}
.packaging-journey .journey-intro h1>span,.packaging-journey .journey-intro h1>em{display:block}
.packaging-journey .journey-intro h1>em{margin-top:20px;font-size:.64em;line-height:1.4;letter-spacing:-.025em;color:var(--ink)}
.packaging-journey .journey-heading h2{font-size:clamp(32px,3.4vw,50px);line-height:1.18}
.forms{scroll-margin-top:0;border-top:1px solid var(--line)}
.study-carousel-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 20px;color:#abc3d1;font-size:11px}
.study-carousel-bar p{display:flex;gap:10px;align-items:center;line-height:1.7}
.carousel-dot{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#accce5}
#study-playback{white-space:nowrap;font-size:11px;min-height:40px;padding:8px 0 8px 20px;display:flex;gap:18px;color:#dce7ed}
.process-card h3{line-height:1.25}.process-card>p{word-break:keep-all}
.process-spec{display:block;border-top:1px solid #b7c3c9;margin-top:14px;padding-top:10px;color:#2449a6}
.process-spec small{display:block;font-size:9px;color:#647681}.process-spec strong{display:block;font-size:clamp(12px,1.1vw,16px);line-height:1.8;font-weight:500;letter-spacing:-.025em;white-space:nowrap}
.process-pinned .process-panels{height:clamp(390px,49svh,465px)}
.process-pinned .process-card>p{min-height:128px}
.process-pinned .process-card figure{margin-block:12px 14px}
.process-pinned .process-card h3{font-size:clamp(20px,1.7vw,27px)}
.process-pinned .process-select{min-height:62px}
.process-story .process-caption{font-size:11px;color:var(--muted)}
@media(max-width:1100px){.site-header nav{gap:16px}.site-header{gap:20px}}
@media(max-width:780px){
 .packaging-journey .journey-intro h1{font-size:clamp(29px,4.6vw,36px)}
 .packaging-journey .journey-intro h1>em{margin-top:13px;font-size:.67em}
 .packaging-journey.journey-enabled .journey-heading{min-height:215px}
 .packaging-journey.journey-enabled .journey-heading h2{font-size:34px}
 .packaging-journey .journey-products article>p{line-height:1.7}
 .process-spec strong{font-size:16px}.site-header nav{gap:12px}
 .study-carousel-bar{font-size:10px;gap:14px}
}
@media(max-width:500px){.site-header nav{display:flex;flex-wrap:wrap;justify-content:center;gap:0 18px}.site-header nav a{padding-block:5px}.site-header nav a:nth-child(even){text-align:initial}}
@media(max-width:360px){
 .packaging-journey .journey-intro h1{font-size:26px}
 .packaging-journey.journey-enabled .journey-heading{min-height:210px}
 .packaging-journey.journey-enabled .journey-heading h2{font-size:29px}
 .packaging-journey .journey-products article>p{font-size:12px}
 .site-header nav{gap:0 13px;font-size:10px}
 .study-carousel-bar{align-items:start}.study-carousel-bar p{max-width:155px}
 #study-playback{padding-left:0;font-size:10px;gap:10px}
}
@media(max-width:780px) and (max-height:730px){
 .packaging-journey .journey-intro h1{font-size:26px}
 .packaging-journey.journey-enabled .journey-heading{min-height:164px}
 .packaging-journey.journey-enabled .journey-pin{min-height:550px}
 .packaging-journey.journey-enabled .journey-products{min-height:142px}
 .packaging-journey.journey-enabled .journey-products h3{min-height:55px}
 .packaging-journey.journey-enabled .journey-products h3 button{min-height:40px}
 .packaging-journey.journey-enabled .journey-name{display:none}
 .packaging-journey.journey-enabled .journey-short{display:block;font:inherit;color:inherit}
}
@media(prefers-reduced-motion:reduce){.study-carousel-bar p{display:none}}
/* Keep the pinned collection controls within a narrow cover screen. */
@media(max-width:360px) and (min-height:731px){
 .packaging-journey.journey-enabled .journey-heading{min-height:185px}
 .packaging-journey.journey-enabled .journey-footer{min-height:78px}
}

/* Preserve the original JOYPACK brand mark from the company introduction. */
.wordmark{flex-shrink:0}.wordmark .brand-mark,.footer-logo .brand-mark{width:32px;height:32px;object-fit:contain;flex-shrink:0}.footer-logo{display:flex;align-items:center;gap:10px}
.final-contact .contact-message{font-size:16px;line-height:1.7;color:var(--muted);margin-top:12px;word-break:keep-all}
@media(max-width:780px){.wordmark .brand-mark,.footer-logo .brand-mark{width:28px;height:28px}.final-contact .contact-message{font-size:14px;margin-top:10px}}