.hero{color:var(--cold-white);background:#052424;position:relative}.hero__film{background:#052424;block-size:100svh;min-block-size:520px;position:relative}.hero__film iframe{border:0;block-size:100%;inline-size:100%;display:block}.hero__film.is-intro{background:#ededed}.hero__band{background:var(--petrol-900);border-top:1px solid var(--line-dark);position:relative}.hero__band-inner{grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);align-items:end;gap:0 clamp(28px,5vw,96px);padding-block:clamp(28px,3vw,44px);display:grid}.hero__eyebrow{color:var(--sage-300);font-size:var(--fs-small);font-weight:500;line-height:1.45}.hero__title{letter-spacing:-.04em;text-wrap:balance;max-inline-size:20ch;margin-top:14px;font-size:clamp(2rem,1rem + 2.9vw,4rem);font-weight:600;line-height:1.04}:lang(ar) .hero__title,:lang(he) .hero__title{letter-spacing:0;line-height:1.2}:is(:lang(de),:lang(nl),:lang(sv),:lang(nb),:lang(da),:lang(cs),:lang(sk),:lang(pl),:lang(ru),:lang(tr)) .hero__title{font-size:clamp(1.75rem,1rem + 2.9vw,4rem)}.hero__side{gap:22px;display:grid}.hero__lead{color:var(--sage-300);max-inline-size:48ch;font-size:clamp(.98rem,.9rem + .25vw,1.12rem);line-height:1.6}.hero__actions{flex-wrap:wrap;gap:10px;display:flex}@media (width<=900px){.hero__band-inner{grid-template-columns:1fr;gap:22px}}.home-range{padding-top:clamp(80px,9vw,150px)}.split{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(32px,6vw,120px);display:grid}.split--wide{align-items:end}.split__lead{top:calc(var(--header-h) + 40px);position:sticky}.split__lead h2{margin-top:0}.print-swatches{gap:0;margin-top:36px;display:flex}.print-swatches span{background:var(--sw);color:#fff;block-size:84px;inline-size:64px;font-family:var(--font-mono);font-size:var(--fs-mono);place-items:end start;padding:8px;font-weight:500;display:grid}.print-swatches span:nth-child(3){color:var(--petrol-900)}.print-swatches .pms{color:var(--petrol-900);inline-size:96px;margin-inline-start:14px}.materials{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;display:grid}.material{padding:26px 24px 30px 0;border-top:1px solid var(--line-dark-strong);color:inherit;transition:background-color var(--dur-2);grid-template-rows:auto 1fr;grid-template-columns:auto minmax(0,1fr);gap:6px 18px;padding-inline:0 24px;text-decoration:none;display:grid}.material:hover{background:#abff020d}.swatch{--c:10px;block-size:84px;inline-size:64px;clip-path:polygon(var(--c) 0, 100% 0, 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, 0 100%, 0 var(--c));grid-row:span 2}.swatch--kraft{background:repeating-linear-gradient(115deg,#b88a5a 0 2px,#c19566 2px 5px)}.swatch--board{background:linear-gradient(#f3f4f4 0 18%,#d9ddd9 18% 82%,#f3f4f4 82%)}.swatch--flute{background:radial-gradient(circle at 50% 0,#0000 7px,#c6a57d 7.5px 9px,#0000 9.5px) 0/16px 16px repeat-x,linear-gradient(#d9b88f 0 22%,#e6d3bd 22% 78%,#d9b88f 78%)}.swatch--coat{background:linear-gradient(#e7eeeb 0 70%,#abff02 70% 76%,#e7eeeb 76%)}.swatch--film{background:linear-gradient(135deg,#ffffff8c,#b4c8c526 60%,#ffffff59);box-shadow:inset 0 0 0 1px #d3e0dd59}.swatch--laminate{background:linear-gradient(#2a5a54 0 25%,#b4c8c5 25% 50%,#abff02 50% 58%,#e7eeeb 58%)}.material__name{letter-spacing:-.02em;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;font-size:1.25rem;font-weight:600;line-height:1.25}.material__desc{color:var(--sage-400);font-size:.88rem;line-height:1.55}.caps{border-top:1px solid var(--line-strong);list-style:none}.cap{isolation:isolate;border-bottom:1px solid var(--line);color:inherit;grid-template-columns:minmax(0,1fr) 2rem;align-items:baseline;gap:4px 18px;padding:24px 0;text-decoration:none;display:grid;position:relative}.cap:before{content:"";z-index:-1;background:var(--paper);opacity:0;transition:opacity var(--dur-2) var(--ease-out);pointer-events:none;position:absolute;inset-block:0;inset-inline:-14px}.cap__name{letter-spacing:-.02em;font-size:clamp(1.15rem,1rem + .6vw,1.5rem);font-weight:600;line-height:1.2}.cap__text{color:var(--text-2);grid-column:1;font-size:.95rem;line-height:1.55}.cap .go{block-size:18px;inline-size:18px;color:var(--text-3);transition:transform var(--dur-2) var(--ease-out), color var(--dur-2);grid-area:1/2/span 2;align-self:center}.cap:hover:before{opacity:1}.cap:hover .go{color:var(--petrol-900);transform:translate(4px)}[dir=rtl] .cap .go{transform:scaleX(-1)}.res-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;list-style:none;display:grid}.res-grid>li{min-width:0;display:flex}.res{background:var(--white);inline-size:100%;color:inherit;border-top:3px solid var(--petrol-900);transition:background-color var(--dur-2);flex-direction:column;gap:10px;padding:24px 22px 56px;text-decoration:none;display:flex;position:relative}.res__name{letter-spacing:-.015em;font-size:1.1rem;font-weight:650;line-height:1.25}.res__text{color:var(--text-2);font-size:.92rem;line-height:1.5}.res .go{block-size:18px;inline-size:18px;transition:transform var(--dur-2) var(--ease-out);position:absolute;inset-block-end:20px;inset-inline-start:22px}.res:hover{background:var(--cold-white)}.res:hover .go{transform:translate(4px)}[dir=rtl] .res .go{transform:scaleX(-1)}@media (width>=901px){.steps--4{grid-template-columns:repeat(4,minmax(0,1fr))}.steps--4 .step,.steps--4 .step:not(:nth-child(3n)),.steps--4 .step:not(:nth-child(3n+1)){border-inline-end:1px solid var(--line);padding-inline:24px}.steps--4 .step:first-child{padding-inline-start:0}.steps--4 .step:last-child{border-inline-end:0}}@media (width<=1100px){.res-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.split{grid-template-columns:1fr}.split__lead{position:static}.materials{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.res-grid{grid-template-columns:1fr}.materials{grid-template-columns:minmax(0,1fr)}.print-swatches span{block-size:64px;inline-size:48px}.print-swatches .pms{inline-size:64px}}.rfq-mail{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);gap:8px;padding:22px 24px;display:grid}.rfq-mail p{color:var(--text-2);font-size:.92rem;line-height:1.55}.rfq-mail__link{color:var(--text);overflow-wrap:anywhere;background:linear-gradient(var(--lime), var(--lime)) 0 100% / 100% 2px no-repeat;transition:background-size var(--dur-2) var(--ease-out);justify-self:start;padding-block-end:2px;font-size:1.02rem;font-weight:600;text-decoration:none}.rfq-mail__link:hover{background-size:100% 100%}.rfq-mail__link:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.rfq-upload{background:var(--line);block-size:3px;overflow:hidden}.rfq-upload[hidden]{display:none}.rfq-upload span{background:var(--petrol-900);transform-origin:0;block-size:100%;transition:transform .2s linear;display:block;transform:scaleX(0)}[dir=rtl] .rfq-upload span{transform-origin:100%}.rfq-upload.is-indeterminate span{inline-size:40%;animation:rfq-indet 1.2s var(--ease-in-out) infinite;transform:none}@keyframes rfq-indet{0%{transform:translate(-100%)}to{transform:translate(250%)}}[dir=rtl] .rfq-upload.is-indeterminate span{animation-name:rfq-indet-rtl}@keyframes rfq-indet-rtl{0%{transform:translate(100%)}to{transform:translate(-250%)}}.rfq-form[aria-busy=true] [data-submit]{cursor:progress;background:var(--lime-600)}.form-alert--error p{color:var(--text-2)}.form-alert--error p a{color:var(--text)}.context-chip[hidden]{display:none}.form-success[hidden]:target{display:block}.form-success:target~.rfq-form{display:none}@media (prefers-reduced-motion:reduce){.rfq-upload.is-indeterminate span{opacity:.5;inline-size:100%;animation:none}}
