.prod-noscript{margin:0;padding:12px 20px;background:var(--nacht-2)}.prod-hero{min-height:min(88svh,850px)}.prod-hero .c-hero__text{gap:clamp(13px,2vh,20px);padding-block:clamp(88px,11vh,125px) clamp(42px,7vh,74px)}.prod-hero .kop1{font-size:clamp(42px,4.65vw,76px);max-width:19ch}.prod-hero .c-hero__media img{object-position:55% 42%}.prod-scroll{display:inline-flex;align-items:center;min-height:44px;width:max-content;border-bottom:1px solid var(--oker-licht);text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.prod-placement{padding:clamp(76px,9vw,150px) 0;background:#151d19;color:var(--wit)}.prod-placement__heading{display:grid;grid-template-columns:1fr minmax(220px,370px);gap:clamp(24px,5vw,90px);align-items:end;margin-bottom:clamp(35px,5vw,76px)}.prod-placement__heading .kop2{max-width:760px;margin-bottom:0}.prod-placement__heading>p{color:#c4c9c2;line-height:1.6;margin:0 0 7px}.prod-placement__interactive{display:none}.prod-placement__controls{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.prod-placement__controls button{appearance:none;border:1px solid #65716a;background:transparent;color:#e5e8df;min-height:48px;padding:10px 18px;font:700 12px/1.3 var(--sans);letter-spacing:.08em;text-align:left;cursor:pointer;transition:background .25s,color .25s,border-color .25s}.prod-placement__controls button span{margin-right:16px;color:#c69a5d}.prod-placement__controls button:hover,.prod-placement__controls button[aria-pressed="true"]{background:#e3c698;color:#1a261f;border-color:#e3c698}.prod-placement__controls button[aria-pressed="true"] span{color:#6f4d20}.prod-placement__controls button:focus-visible,.prod-close__secondary:focus-visible{outline:3px solid #f4ca77;outline-offset:3px}.prod-placement__grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.72fr);gap:clamp(14px,2.5vw,34px)}.prod-skin{position:relative;margin:0;background:#f4f2ed;align-self:start;overflow:hidden}.prod-skin img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:contain}.prod-skin figcaption{padding:13px 18px;background:#e3e0da;color:#34362f;font-size:12px;line-height:1.4}.prod-outline{position:absolute;left:var(--outline-x,43%);top:var(--outline-y,44%);width:var(--outline-w,10%);height:var(--outline-h,27%);border:2px solid #f3c980;background:rgba(245,211,148,.19);box-shadow:0 0 0 999px rgba(22,28,23,.12),inset 0 0 0 1px rgba(20,28,22,.65),0 0 16px rgba(15,24,19,.45);border-radius:45% 45% 22% 22% / 13% 13% 9% 9%;transform:translate(-50%,-50%);pointer-events:none}.prod-outline i{position:absolute;top:100%;left:50%;width:1px;height:clamp(14px,2vw,35px);background:#f3c980}.prod-sample{padding:clamp(22px,2.7vw,42px);background:#23342b;display:flex;flex-direction:column;min-height:100%}.prod-sample .label{color:#dcb77e}.prod-sample__crop{height:clamp(180px,21vw,330px);background-image:url('../pages/the-skin/cognac.webp');background-repeat:no-repeat;background-size:680% 340%;background-position:var(--crop-x,40%) var(--crop-y,48%);border:1px solid rgba(255,255,255,.2);border-radius:44% 44% 20% 20% / 12% 12% 8% 8%;box-shadow:0 22px 30px rgba(0,0,0,.18)}.prod-sample__number{margin:28px 0 2px;color:#dcb77e;font-size:12px;letter-spacing:.16em}.prod-sample h3{font-family:var(--display);font-size:clamp(25px,2.2vw,42px);line-height:1.12;margin:0 0 12px}.prod-sample>p:last-child{color:#d1d7d0;line-height:1.55;max-width:32ch;margin:0}.prod-placement__disclaimer{max-width:750px;margin:24px 0 0;color:#b6c0b6;font-size:13px;line-height:1.55}.prod-placement__static{display:block}
.prod-making__head{max-width:750px;margin-bottom:clamp(36px,6vw,84px)}.prod-making__head>p:last-child{max-width:57ch;font-size:clamp(17px,1.4vw,20px);line-height:1.55}.prod-making__grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(24px,5vw,82px);align-items:start}.prod-making figure{margin:0}.prod-making figure img{display:block;width:100%;height:auto;object-fit:cover}.prod-making__grid>figure img{aspect-ratio:4/5;object-position:48% 50%}.prod-making figcaption{max-width:65ch;font-size:12px;line-height:1.5;color:var(--inkt-zacht);padding-top:10px}.prod-making__text{padding-top:clamp(6px,7vw,110px)}.prod-making__rule{display:block;width:58px;height:3px;background:var(--oker-diep);margin-bottom:25px}.prod-making__quote{font-family:var(--display);font-size:clamp(24px,2.6vw,44px);line-height:1.2;letter-spacing:-.025em;margin:0 0 clamp(45px,7vw,100px)}.prod-making__text figure{max-width:370px}.prod-making__text img{aspect-ratio:3/4}.prod-qa__layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,100px)}.prod-qa__layout>div>p:last-child{max-width:55ch;color:#d4d9d0;line-height:1.6}.prod-qa ol{list-style:none;padding:0;margin:0;border-top:1px solid rgba(255,255,255,.4)}.prod-qa li{display:grid;grid-template-columns:52px 1fr;gap:12px;padding:25px 0;border-bottom:1px solid rgba(255,255,255,.3)}.prod-qa li>span{color:#e5c391;font-size:12px;letter-spacing:.14em}.prod-qa h3{font-family:var(--display);font-size:clamp(21px,2vw,30px);margin:0 0 5px}.prod-qa li p{margin:0;color:#d4d9d0;font-size:15px;line-height:1.5}.prod-close__actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px 30px}.prod-close__secondary{display:inline-flex;min-height:44px;align-items:center;border-bottom:1px solid currentColor;font-size:13px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;text-decoration:none}.prod-close__secondary span{margin-left:12px}
@media(max-width:900px){.prod-placement__heading,.prod-qa__layout{grid-template-columns:1fr}.prod-placement__interactive{display:none}.prod-placement__static{display:block}.prod-static-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.prod-static-grid figure{margin:0;background:#26352b}.prod-static-crop{height:210px;overflow:hidden;background:#edeae5}.prod-static-crop img{width:100%;height:100%;object-fit:cover;transform:scale(3.6)}.prod-static-crop--centre img{object-position:40% 50%;transform-origin:41% 50%}.prod-static-crop--edge img{object-position:28% 64%;transform-origin:28% 63%}.prod-static-crop--tail img{object-position:75% 53%;transform-origin:75% 53%}.prod-static-grid figcaption{display:grid;gap:5px;padding:14px;font-size:13px;line-height:1.4;color:#ccd5cb}.prod-static-grid b{font-family:var(--display);font-size:17px;color:var(--wit)}.prod-placement__static-intro{max-width:60ch;line-height:1.5;color:#c4c9c2}.prod-making__grid{grid-template-columns:1fr 1fr}.prod-making__text{padding-top:0}}
@media(max-width:620px){.prod-static-grid,.prod-making__grid{grid-template-columns:1fr}.prod-static-crop{height:240px}.prod-making__grid>figure img{aspect-ratio:4/3}.prod-making__text figure{max-width:300px}.prod-qa li{grid-template-columns:35px 1fr}.prod-placement{padding:70px 0}}
@media(prefers-reduced-motion:reduce){.prod-placement__interactive{display:none}.prod-placement__static{display:block}.prod-placement__controls button{transition:none}}
html.prod-enhanced .prod-placement__interactive{display:block}html.prod-enhanced .prod-placement__static{display:none}

@media(max-width:900px),(prefers-reduced-motion:reduce){html.prod-enhanced .prod-placement__interactive{display:none}html.prod-enhanced .prod-placement__static{display:block}}

@media(max-width:620px){.prod-hero{min-height:max(650px,92svh)}.prod-hero .c-hero__text{gap:13px;padding-block:96px 44px}.prod-hero .kop1{font-size:clamp(38px,10vw,46px);max-width:16ch}}