.resin-concept-page{--ri:#090a0b;--rp:#e9e1d5;--rc:#d98a51;--rl:#ffffff20;background:var(--ri)}
.resin-concept-page .site-header{position:fixed;inset:18px 18px auto auto;z-index:100;width:58px;height:58px;margin:0;background:transparent;border:0;box-shadow:none;backdrop-filter:none}
.resin-concept-page .nav-shell{width:58px;min-height:58px;height:58px;margin:0;padding:0;display:block;border:0;border-radius:50%;background:transparent;box-shadow:none;backdrop-filter:none}
.resin-concept-page .brand,.resin-concept-page .desktop-nav,.resin-concept-page .language-link,.resin-concept-page .nav-cta{display:none!important}
.resin-concept-page .nav-actions{display:block;margin:0}
.resin-concept-page .menu-button{position:fixed;top:18px;right:18px;display:flex!important;width:58px;height:58px;border:1px solid #e3a77766;border-radius:50%;color:#fff;background:#0b0c0dc7;box-shadow:0 14px 36px #0008;backdrop-filter:blur(18px)}
.resin-concept-page .menu-button span{width:19px;background:#f3e9de}
.resin-concept-page .mobile-panel{position:fixed;top:86px;right:18px;left:auto;width:min(360px,calc(100vw - 36px));max-height:calc(100svh - 105px);margin:0;padding:18px;border:1px solid #e3a7773d;border-radius:28px;background:#0b0c0df2;box-shadow:0 24px 60px #000a;backdrop-filter:blur(24px);overflow:auto}
.resin-concept-page .mobile-panel nav a{color:#f5ede4;border-color:#ffffff17}
.resin-concept-page .mobile-panel .button{color:#17100b;background:linear-gradient(135deg,#f2bb8d,#c96d35)}
.resin-concept-page .resin-page{background:var(--ri);color:#f6f1ea;overflow-x:clip;overflow-y:visible}
.resin-page .wrap{width:min(1280px,calc(100% - 56px))}
.resin-hero{position:relative;height:320svh;isolation:isolate;background:#08090a}.resin-hero-stage{position:sticky;top:0;height:100svh;min-height:520px;display:flex;align-items:flex-end;overflow:hidden;isolation:isolate}.resin-hero-phases{position:relative;min-height:clamp(230px,30vh,340px)}.resin-phase{position:absolute;inset:0;opacity:0;transform:translateY(22px);transition:opacity .85s cubic-bezier(.22,.61,.36,1),transform .85s cubic-bezier(.22,.61,.36,1);pointer-events:none;will-change:opacity,transform}.resin-phase[data-live]{opacity:1;transform:none;pointer-events:auto}.resin-hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}@media(max-width:900px){.resin-hero{height:auto}.resin-hero-stage{position:relative;top:auto;height:auto;min-height:100svh}.resin-hero-phases{min-height:0}.resin-phase{position:relative;inset:auto;opacity:1;transform:none;pointer-events:auto}.resin-phase:not([data-live]){display:none}}@media(prefers-reduced-motion:reduce){.resin-phase{transition:none}}
.resin-hero-poster,.resin-hero-video,.resin-hero-shade{position:absolute;inset:0;width:100%;height:100%}
.resin-hero-poster img,.resin-hero-video{width:100%;height:100%;object-fit:cover}.resin-hero-video{z-index:-2}.resin-hero-poster{z-index:-3}
.resin-hero-shade{z-index:-1;background:linear-gradient(90deg,#060708c9 0%,#08090a88 34%,#08090a1f 68%),linear-gradient(0deg,#070809d4 0%,transparent 42%)}
.resin-brandbar{position:absolute;top:34px;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-right:78px;font-size:.67rem;letter-spacing:.17em;text-transform:uppercase}
.resin-brandbar strong{font-size:1.4rem;letter-spacing:.28em;color:#fff}.resin-brandbar sup{color:var(--rc);font-size:.42em;vertical-align:top}.resin-brandbar span{text-align:right;color:#d8d0c5}.resin-concept{color:#f0e8dc;text-decoration:none}
.resin-hero-copy{padding:clamp(170px,22vh,270px) 0 92px}.resin-hero-copy>p:first-child,.resin-kicker,.resin-section-head>p{color:#e3a777;letter-spacing:.2em;font-size:.7rem;font-weight:800;text-transform:uppercase}
.resin-hero-copy h1{max-width:880px;margin:18px 0 20px;font-size:clamp(4rem,9vw,9rem);line-height:.83;letter-spacing:-.075em;text-transform:uppercase}.resin-hero-copy h1 em{color:transparent;font-style:normal;background:linear-gradient(110deg,#f7efe4 5%,#e9a16a 48%,#7d4022 100%);-webkit-background-clip:text;background-clip:text}
.resin-lead{max-width:560px;color:#d6cec4;font-size:clamp(1.05rem,1.7vw,1.35rem);line-height:1.55}.resin-hero-copy>div{display:flex;align-items:center;gap:22px;margin-top:34px}
.resin-button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:58px;padding:8px 10px 8px 24px;border:1px solid #f1b080;border-radius:999px;color:#150d08;background:linear-gradient(135deg,#f2bb8d,#c96d35);font-size:.78rem;font-weight:850;letter-spacing:.08em;text-decoration:none;text-transform:uppercase;box-shadow:0 14px 40px #d3723540}.resin-button span{display:grid;place-items:center;width:40px;aspect-ratio:1;border-radius:50%;background:#120d0a;color:#fff;transition:transform .35s}.resin-button:hover span{transform:rotate(45deg)}
.resin-watch,.resin-back{color:#f4ede5;font-size:.75rem;font-weight:750;letter-spacing:.09em;text-decoration:none;text-transform:uppercase}.resin-scroll{position:absolute;right:3vw;bottom:35px;display:flex;align-items:center;gap:12px;color:#afa69c;font-size:.58rem;letter-spacing:.16em;writing-mode:vertical-rl}.resin-scroll span{width:1px;height:54px;background:linear-gradient(#e39762,transparent);animation:resin-scroll 1.8s ease-in-out infinite}@keyframes resin-scroll{50%{transform:scaleY(.45);transform-origin:bottom}}
.resin-manifesto{position:relative;padding:150px 0 0;background:radial-gradient(circle at 80% 30%,#6b35182e,transparent 30%),#090a0b}.resin-orbit{position:absolute;width:540px;height:540px;right:-220px;top:45px;border:1px solid #d98a5130;border-radius:50%;box-shadow:0 0 80px #d98a5115,inset 0 0 70px #d98a5110;animation:resin-orbit 10s linear infinite}.resin-orbit:before,.resin-orbit:after{content:"";position:absolute;border:1px solid #ffffff12;border-radius:50%;inset:55px}.resin-orbit:after{inset:130px;border-color:#d98a5140}@keyframes resin-orbit{to{transform:rotate(360deg)}}
.resin-manifesto h2,.resin-section-head h2,.resin-lab-copy h2,.resin-process-copy>h2,.resin-estimator h2,.resin-end h2{margin:20px 0 0;max-width:1050px;color:#f8f3ed;font-size:clamp(3rem,6.4vw,6.8rem);line-height:.94;letter-spacing:-.06em}.resin-page h2 em{color:var(--rc)!important;font-style:normal;background:none!important;background-clip:border-box!important;-webkit-background-clip:border-box!important;-webkit-text-fill-color:var(--rc)!important;text-shadow:none!important}
.resin-manifesto-grid{display:grid;grid-template-columns:1.6fr .6fr .6fr;gap:38px;align-items:end;margin-top:75px;padding-bottom:100px;border-bottom:1px solid var(--rl)}.resin-manifesto-grid>p{max-width:650px;color:#aaa29a;font-size:1.22rem;line-height:1.7}.resin-manifesto-grid div{display:flex;flex-direction:column;border-left:1px solid var(--rl);padding-left:30px}.resin-manifesto-grid strong{color:#fff;font-size:3.8rem;line-height:1}.resin-manifesto-grid span{margin-top:10px;color:#817a73;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}
.resin-wordrail{display:flex;width:max-content;color:transparent;-webkit-text-stroke:1px #c77c484a;font-size:clamp(5rem,12vw,12rem);font-weight:900;letter-spacing:-.06em;line-height:1;text-transform:uppercase;animation:resin-rail 28s linear infinite}.resin-wordrail span{white-space:nowrap}@keyframes resin-rail{to{transform:translateX(-50%)}}
.resin-projects{padding:140px 0;background:#111214;border-radius:70px 70px 0 0}.resin-section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:65px}.resin-section-head h2{max-width:850px;font-size:clamp(2.8rem,5vw,5.8rem)}.resin-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.resin-project:nth-child(2){transform:translateY(55px)}.resin-project-media{position:relative;overflow:hidden;aspect-ratio:4/5;border:1px solid #ffffff18;border-radius:30px;background:#1c1d20}.resin-project-media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0c0d0eaa,transparent 45%)}.resin-project-media img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.8,.2,1)}.resin-project:hover img{transform:scale(1.045)}.resin-project-media span{position:absolute;z-index:2;top:18px;right:18px;display:grid;place-items:center;width:46px;aspect-ratio:1;border:1px solid #ffffff36;border-radius:50%;color:#fff;background:#0a0b0c70;backdrop-filter:blur(10px);font-size:.7rem}.resin-project>div:last-child{padding:22px 10px}.resin-project small{color:#8d847d;font-size:.64rem;letter-spacing:.16em;text-transform:uppercase}.resin-project h3{margin:8px 0 5px;color:#fff;font-size:1.7rem}.resin-project p{color:#918981}
.resin-finish-section{padding:170px 0;background:linear-gradient(180deg,#111214,#08090a)}.resin-finish-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.resin-lab-copy h2{font-size:clamp(2.9rem,5vw,5.5rem)}.resin-lab-copy>p:not(.resin-kicker){max-width:560px;margin-top:28px;color:#978f88;line-height:1.7}.resin-swatches{display:grid;gap:10px;margin-top:36px}.resin-swatches button{display:flex;align-items:center;gap:14px;width:100%;padding:9px 14px 9px 9px;border:1px solid #ffffff17;border-radius:999px;color:#aaa29a;background:#ffffff06;font:inherit;text-align:left;cursor:pointer;transition:.25s}.resin-swatches button[aria-pressed=true]{border-color:#d98a5180;color:#fff;background:#d98a5110;transform:translateX(8px)}.resin-swatches i{width:42px;aspect-ratio:1;border-radius:50%;background:linear-gradient(135deg,var(--base) 44%,var(--vein) 47% 55%,var(--base) 58%);box-shadow:inset 0 0 0 1px #ffffff25}
.resin-sample{--sample-base:#0b0c0e;--sample-vein:#c57b45;position:relative;min-height:620px;overflow:hidden;border:1px solid #ffffff25;border-radius:42px;background-color:var(--sample-base);background-image:radial-gradient(ellipse at 18% 75%,color-mix(in srgb,var(--sample-vein) 70%,transparent) 0 1%,transparent 9%),radial-gradient(ellipse at 65% 30%,color-mix(in srgb,var(--sample-vein) 58%,transparent) 0 2%,transparent 12%),repeating-radial-gradient(ellipse at 30% 60%,transparent 0 28px,color-mix(in srgb,var(--sample-vein) 44%,transparent) 30px 33px,transparent 36px 72px),linear-gradient(125deg,transparent,#ffffff12 48%,transparent 51%);box-shadow:0 50px 100px #0008,inset 0 0 120px #0007;transition:background-color .7s}.resin-sample:before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 40deg,transparent,#ffffff12,transparent 28%,#d98a5122,transparent 58%);animation:resin-sheen 8s linear infinite}@keyframes resin-sheen{to{transform:rotate(360deg)}}.resin-sample[data-finish=pearl]{--sample-base:#e9e3d9;--sample-vein:#cbb796}.resin-sample[data-finish=graphite]{--sample-base:#34373b;--sample-vein:#9aa4ad}.resin-sample-light{position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,#ffffff24 47%,transparent 58%);transform:translateX(-70%);animation:resin-light 4.5s ease-in-out infinite}@keyframes resin-light{50%,100%{transform:translateX(75%)}}.resin-sample>span,.resin-sample>small{position:absolute;z-index:2;left:34px}.resin-sample>span{bottom:50px;color:#fff;font-size:1.1rem;letter-spacing:.15em}.resin-sample[data-finish=pearl]>span,.resin-sample[data-finish=pearl]>small{color:#171719}.resin-sample>small{bottom:27px;color:#ffffff75;font-size:.58rem;letter-spacing:.14em}
.resin-process{padding:150px 0;background:#e9e2d8;color:#171719;border-radius:70px 70px 0 0}.resin-process-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:80px;align-items:center}.resin-process-film{position:relative;overflow:hidden;aspect-ratio:9/16;max-height:760px;border-radius:36px;background:#151515;box-shadow:0 40px 90px #3d24152e}.resin-process-film video{width:100%;height:100%;object-fit:cover}.resin-process-film span{position:absolute;left:18px;bottom:18px;padding:11px 14px;border:1px solid #ffffff45;border-radius:999px;color:#fff;background:#090a0b8f;backdrop-filter:blur(12px);font-size:.58rem;letter-spacing:.15em}.resin-process-copy>h2{color:#171719;font-size:clamp(3rem,5vw,5.6rem)}.resin-process-copy>h2 em{color:#a25227}.resin-process .resin-kicker{color:#a25227}.resin-step-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:48px;overflow:hidden;border:1px solid #25190f20;border-radius:28px;background:#25190f20}.resin-step-grid article{min-height:200px;padding:25px;background:#eee8df}.resin-step-grid span{color:#ad6339;font-size:.7rem;font-weight:800}.resin-step-grid h3{margin:26px 0 9px;font-size:1.35rem}.resin-step-grid p{color:#6b625b;font-size:.88rem;line-height:1.55}
.resin-estimator{padding:150px 0;background:#d88a53;color:#17100b}.resin-estimator-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:start}.resin-estimator .resin-kicker{color:#4f2a17}.resin-estimator h2{color:#140e0a;font-size:clamp(3rem,5.4vw,6rem)}.resin-estimator h2 em{color:#fff5e9}.resin-estimator-grid>div:first-child>p:last-child{max-width:480px;margin-top:26px;color:#4f2a17;line-height:1.65}.resin-estimator-card{padding:36px;border:1px solid #21120822;border-radius:36px;background:#f6eee3;box-shadow:0 35px 80px #5c2b1429}.resin-area{display:flex;justify-content:space-between;align-items:end}.resin-area span{color:#79695e;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.resin-area strong{font-size:2.2rem}.resin-estimator input[type=range]{width:100%;margin:30px 0;accent-color:#111}.resin-type{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.resin-type button{padding:12px 8px;border:1px solid #2d1c1025;border-radius:999px;color:#66584e;background:transparent;cursor:pointer}.resin-type button[aria-pressed=true]{color:#fff;background:#17110d}.resin-estimate{display:flex;flex-direction:column;margin:28px 0;padding:25px 0;border-top:1px solid #2d1c1020;border-bottom:1px solid #2d1c1020}.resin-estimate small{color:#8d715f;font-size:.6rem;letter-spacing:.14em}.resin-estimate strong{margin:8px 0;font-size:clamp(2rem,4vw,3.2rem)}.resin-estimate span{color:#806f63;font-size:.78rem}.resin-estimator-card .resin-button{width:100%}
.resin-end{position:relative;min-height:85vh;display:flex;align-items:center;isolation:isolate;overflow:hidden;background:#070809}.resin-end>img,.resin-end-shade{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover}.resin-end>img{object-position:center 60%}.resin-end-shade{z-index:-1;background:linear-gradient(90deg,#08090af2 0%,#08090ab8 50%,#08090a30),linear-gradient(0deg,#08090a 0%,transparent 35%)}.resin-end .wrap{padding:120px 0}.resin-end .wrap>p:first-child{color:#dfa172;font-size:.68rem;letter-spacing:.18em;font-weight:800}.resin-end h2{max-width:850px}.resin-end .wrap>p:not(:first-child){max-width:580px;margin:28px 0 35px;color:#bbb2a9;font-size:1.08rem;line-height:1.65}.resin-end .resin-back{display:inline-flex;margin-left:28px}.resin-concept-page .site-footer{border-radius:0}
.resin-page .resin-process-copy>h2 em{color:#a25227!important;-webkit-text-fill-color:#a25227!important}.resin-page .resin-estimator h2 em{color:#fff5e9!important;-webkit-text-fill-color:#fff5e9!important}
.resin-finish-reels{position:relative;padding:145px 0 105px;overflow:hidden;background:radial-gradient(circle at 88% 5%,#b7653524,transparent 30%),#090a0b}.resin-reels-head{display:grid;grid-template-columns:1.4fr .6fr;gap:24px 70px;align-items:end;margin-bottom:62px}.resin-reels-head .resin-kicker{grid-column:1/-1}.resin-reels-head h2{margin:0;color:#f8f3ed;font-size:clamp(3rem,5.7vw,6.2rem);line-height:.94;letter-spacing:-.06em}.resin-reels-head h2 em{color:var(--rc)!important;font-style:normal;background:none!important;-webkit-text-fill-color:var(--rc)!important}.resin-reels-head>p:last-child{max-width:430px;margin:0 0 8px;color:#9d958e;line-height:1.65}.resin-reel-viewport{width:100%;overflow:hidden;padding:18px 0;background:#0f1012}.resin-reel-track{display:flex;width:max-content;animation:resin-reels 34s linear infinite;will-change:transform}.resin-reel{position:relative;flex:0 0 clamp(196px,21vw,320px);aspect-ratio:9/16;overflow:hidden;margin-right:14px;border-radius:18px;background:#17181a}.resin-reel video{width:100%;height:100%;display:block;object-fit:cover}.resin-reel:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#070809d9 0%,transparent 42%);pointer-events:none}.resin-reel>div{position:absolute;z-index:2;left:24px;right:24px;bottom:22px;display:flex;align-items:end;justify-content:space-between;gap:18px}.resin-reel strong{color:#fff;font-size:.95rem;letter-spacing:.16em}.resin-reel span{max-width:150px;color:#c9bdb4;font-size:.68rem;line-height:1.4;text-align:right}.resin-reels-note{display:flex;align-items:center;justify-content:center;gap:18px;padding-top:34px;color:#b6aaa0;font-size:.62rem;font-weight:800;letter-spacing:.18em}.resin-reels-note i{width:54px;height:1px;background:linear-gradient(90deg,#d98a51,transparent)}@keyframes resin-reels{to{transform:translateX(-50%)}}
.resin-concept-page .site-footer{border-radius:0;background:radial-gradient(ellipse at 78% 100%,#6d321a38,transparent 58%),#070809!important;color:#f7f1e9!important;color-scheme:dark}.resin-concept-page .site-footer::before{border-color:#d98a5138}.resin-concept-page .site-footer .brand-logo-original{filter:brightness(0) invert(1)}.resin-concept-page .site-footer .footer-top{border-color:#ffffff18}.resin-concept-page .site-footer .footer-brand p,.resin-concept-page .site-footer .footer-bottom,.resin-concept-page .site-footer .footer-column strong,.resin-concept-page .site-footer .footer-contact>span{color:#a99f96}.resin-concept-page .site-footer .footer-contact h2,.resin-concept-page .site-footer .footer-column a,.resin-concept-page .site-footer .footer-bottom a{color:#f7f1e9}.resin-concept-page .site-footer .footer-column a:hover{color:#e3a777}.resin-concept-page .site-footer .footer-contact .button{border:1px solid #f1b080;color:#17100b;background:linear-gradient(135deg,#f2bb8d,#c96d35);box-shadow:0 14px 40px #d3723530}
@media(prefers-reduced-motion:reduce){.resin-orbit,.resin-wordrail,.resin-scroll span,.resin-sample:before,.resin-sample-light,.resin-reel-track{animation:none!important}}
@media(max-width:900px){.resin-page .wrap{width:min(100% - 34px,1280px)}.resin-brandbar{grid-template-columns:1fr auto}.resin-brandbar .resin-concept{display:none}.resin-hero-shade{background:linear-gradient(0deg,#070809 0%,#08090a9e 66%,#08090a2b)}.resin-hero-copy h1{font-size:clamp(4rem,15vw,7rem)}.resin-finish-grid,.resin-process-grid,.resin-estimator-grid{grid-template-columns:1fr}.resin-manifesto-grid{grid-template-columns:1fr 1fr}.resin-manifesto-grid>p{grid-column:1/-1}.resin-projects,.resin-process{border-radius:42px 42px 0 0}.resin-project-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:20px}.resin-project{flex:0 0 min(78vw,430px);scroll-snap-align:start}.resin-project:nth-child(2){transform:none}.resin-finish-grid,.resin-process-grid,.resin-estimator-grid{gap:55px}.resin-process-film{width:min(82vw,480px);justify-self:center}}
@media(max-width:600px){.resin-concept-page .site-header{inset:12px 12px auto auto}.resin-concept-page .menu-button{top:12px;right:12px;width:54px;height:54px}.resin-concept-page .mobile-panel{top:76px;right:12px;width:calc(100vw - 24px);max-height:calc(100svh - 88px)}.resin-hero{min-height:100svh}.resin-brandbar{top:29px;grid-template-columns:1fr;padding-right:64px;text-align:center}.resin-brandbar .resin-concept,.resin-brandbar span{display:none}.resin-brandbar strong{font-size:1.05rem}.resin-hero-copy{padding-bottom:54px}.resin-hero-copy h1{margin-top:14px;font-size:15.8vw}.resin-hero-copy>div{align-items:flex-start;flex-direction:column}.resin-scroll{display:none}.resin-manifesto,.resin-projects,.resin-finish-section,.resin-process,.resin-estimator{padding:95px 0}.resin-manifesto h2,.resin-section-head h2,.resin-lab-copy h2,.resin-process-copy>h2,.resin-estimator h2,.resin-end h2{font-size:12.5vw}.resin-manifesto-grid{gap:28px 12px;margin-top:45px;padding-bottom:70px}.resin-manifesto-grid div{padding-left:16px}.resin-manifesto-grid strong{font-size:3rem}.resin-section-head{align-items:start;flex-direction:column;margin-bottom:40px}.resin-project{flex-basis:84vw}.resin-project-media{border-radius:24px}.resin-sample{min-height:450px;border-radius:28px}.resin-step-grid{grid-template-columns:1fr}.resin-step-grid article{min-height:auto}.resin-estimator-card{padding:24px 18px;border-radius:28px}.resin-type{grid-template-columns:1fr}.resin-finish-reels{padding:95px 0 72px}.resin-reels-head{grid-template-columns:1fr;gap:20px;margin-bottom:38px}.resin-reels-head h2{font-size:12.5vw}.resin-reels-head>p:last-child{font-size:.94rem}.resin-reel{flex-basis:44vw;margin-right:10px;border-radius:14px}.resin-reel>div{left:18px;right:18px;bottom:18px;display:block}.resin-reel span{display:block;margin-top:7px;text-align:left}.resin-reels-note{gap:10px;padding-top:25px}.resin-reels-note i{width:28px}.resin-end{min-height:92vh}.resin-end .resin-button,.resin-end .resin-back{display:flex;width:max-content;margin:0 0 22px}}