@font-face{font-family:Verano;src:url('/managed-release/nekon/fonts/VeranoSans-ExtraBold.woff2') format('woff2');font-weight:800;font-display:swap}
.showcase-hero{width:min(1400px,100%);margin-inline:auto;position:relative;min-height:620px;height:calc(100svh - 66px);max-height:800px;display:flex;align-items:center;padding:55px max(40px,5%) 75px;overflow:hidden;background:#fff;isolation:isolate}.showcase-copy{position:relative;z-index:2;width:68%;pointer-events:none;padding-bottom:60px}.showcase-copy h1{font-size:clamp(38px,4.45vw,66px);font-weight:800;line-height:1.075;letter-spacing:-.043em;white-space:pre-line;max-width:none}.showcase-copy p{font-size:clamp(18px,1.85vw,27px);line-height:1.4;margin-top:24px;max-width:650px}.showcase-actions{display:flex;align-items:center;gap:32px;margin-top:38px;font-size:16px;flex-wrap:wrap}.showcase-actions a{pointer-events:auto}.showcase-actions span{margin-left:20px}.showcase-primary{background:#004223;color:white;border-radius:40px;padding:16px 26px;display:inline-flex;align-items:center;gap:8px}.showcase-secondary{border-bottom:1px solid #26783c;padding:8px 0;display:inline-flex;align-items:center;gap:8px}.showcase-actions a:hover{filter:brightness(.92)}.showcase-visual{position:absolute;width:53%;right:-1%;height:100%;top:0;display:flex;align-items:center;justify-content:center;perspective:1400px;touch-action:pan-y}.showcase-object{width:100%;aspect-ratio:1;position:relative;transform-origin:center;will-change:transform}.showcase-object>img,.showcase-object>canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}.showcase-object>canvas{display:none}.showcase-motion{position:absolute;bottom:25px;left:max(40px,5%);z-index:3;display:flex;align-items:center;gap:12px;font-size:12px;color:#666}.showcase-motion button{font:inherit;color:#555;background:white;border:1px solid #ddd;border-radius:25px;padding:10px 14px;cursor:pointer;min-height:40px}.showcase-motion button[hidden]{display:none}.showcase-motion button:focus-visible{outline:3px solid #26783c;outline-offset:4px}.showcase-motion button:disabled{cursor:default}.showcase-motion span{max-width:350px}.showcase-sculpture .showcase-copy,.showcase-brand .showcase-copy{width:59%;padding-bottom:0}.showcase-sculpture h1,.showcase-brand h1{font-size:clamp(40px,5vw,72px)}.showcase-sculpture .showcase-copy p,.showcase-brand .showcase-copy p{max-width:590px;font-size:22px}.showcase-sculpture .showcase-visual{width:50%;right:0}.showcase-brand .showcase-visual{width:47%;right:-8%}.showcase-brand .showcase-object{aspect-ratio:auto;height:70%;}.showcase-brand .showcase-object img{object-fit:fill}.showcase-brand .showcase-copy{width:65%}.showcase-brand h1{font-size:clamp(38px,4.6vw,66px)}
@media(max-width:1000px){.showcase-hero{padding-inline:24px;min-height:580px}.showcase-motion{left:24px}.showcase-copy h1{font-size:clamp(35px,4.4vw,49px)}.showcase-actions{font-size:14px;gap:20px}.showcase-primary{padding:14px 21px}.showcase-copy p{font-size:21px}.showcase-brand h1{font-size:clamp(35px,4.5vw,49px)}.showcase-brand .showcase-copy p{max-width:470px}}
@media(max-width:760px){.showcase-hero{display:block;height:auto;max-height:none;min-height:0;padding:42px 20px 72px}.showcase-copy,.showcase-sculpture .showcase-copy,.showcase-brand .showcase-copy{width:100%;padding:0}.showcase-copy h1,.showcase-sculpture h1,.showcase-brand h1{font-size:clamp(31px,6.7vw,49px);letter-spacing:-.035em}.showcase-copy p,.showcase-sculpture .showcase-copy p,.showcase-brand .showcase-copy p{font-size:19px;margin-top:20px;max-width:530px}.showcase-actions{margin-top:26px;gap:22px;font-size:14px}.showcase-actions span{margin-left:8px}.showcase-visual,.showcase-sculpture .showcase-visual,.showcase-brand .showcase-visual{position:relative;right:auto;top:auto;width:100%;height:auto;max-width:540px;aspect-ratio:1;margin:5px auto 0}.showcase-motion{left:20px;bottom:20px}.showcase-motion span{font-size:11px;max-width:180px}.showcase-brand .showcase-visual{height:290px;aspect-ratio:auto;margin-top:40px}.showcase-brand .showcase-object{height:100%}.showcase-brand .showcase-object img{object-fit:contain}}
@media(prefers-reduced-motion:reduce){.showcase-object{will-change:auto;transform:none!important}}
.showcase-brand .showcase-object>img{width:100%;height:100%;left:0;top:0;max-width:none;object-fit:contain}
@media(max-width:760px){.showcase-brand .showcase-visual{height:auto;aspect-ratio:1.3}.showcase-brand .showcase-object{height:100%}}
.real-directions{padding-top:80px;padding-bottom:96px;scroll-margin-top:88px}
.real-directions-heading{margin-bottom:42px}.real-directions-heading h2{font-size:clamp(30px,3.6vw,50px);line-height:1.12;letter-spacing:-.03em;font-weight:800;margin:0 0 16px}.real-directions-heading>p{font-size:21px;color:#616166;margin:0}
.real-directions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.real-directions-grid article{display:flex;flex-direction:column;min-width:0}
.real-directions-media{background:#f5f5f7;overflow:hidden;aspect-ratio:1.22}.real-directions-media img{width:100%;height:100%;object-fit:contain;display:block}.real-directions-grid article:last-child .real-directions-media img{object-fit:cover}
.real-directions-copy{padding-top:27px;display:flex;flex-direction:column;flex:1}.real-directions-copy h3{font-size:clamp(23px,2.3vw,32px);font-weight:800;line-height:1.1;letter-spacing:-.025em;margin:0 0 16px}.real-directions-copy>p{font-size:19px;line-height:1.5;color:#616166;margin:0 0 25px;flex:1}.real-directions-links{display:flex;flex-direction:column;gap:13px}.real-directions-links a{font-size:17px;color:#26783c;text-decoration:none}.real-directions-links a:hover{text-decoration:underline;text-underline-offset:4px}
.real-directions-panels{max-width:none}.real-directions-panels .real-directions-heading{width:min(1200px,90%);margin:0 auto 42px}.real-directions-panels .real-directions-grid{display:block}.real-directions-panels article{position:relative;min-height:600px;display:grid;grid-template-columns:44% 56%;align-items:center;padding:55px max(5%,calc((100vw - 1200px)/2));background:#f5f5f7;margin-bottom:12px}.real-directions-panels article:nth-child(2){background:#fff}.real-directions-panels .real-directions-copy{grid-column:1;grid-row:1;padding:0 25px 0 0;max-width:500px}.real-directions-panels .real-directions-media{grid-column:2;grid-row:1;aspect-ratio:1.35;background:transparent}.real-directions-panels .real-directions-copy h3{font-size:clamp(34px,4.4vw,62px)}.real-directions-panels .real-directions-copy>p{font-size:23px;flex:initial;max-width:410px}.real-directions-panels .real-directions-links{flex-direction:row;flex-wrap:wrap;gap:20px}.real-directions-panels article:last-child{background:#f5f5f7}.real-directions-panels article:last-child .real-directions-media{aspect-ratio:1.2}
@media(max-width:760px){.real-directions{padding-top:55px;padding-bottom:64px}.real-directions-grid{grid-template-columns:1fr;gap:44px}.real-directions-media{aspect-ratio:1.5}.real-directions-copy{padding-top:22px}.real-directions-panels article{display:flex;flex-direction:column-reverse;min-height:0;padding:38px 5%;align-items:stretch;gap:25px}.real-directions-panels .real-directions-copy{padding:0;max-width:none}.real-directions-panels .real-directions-copy h3{font-size:34px}.real-directions-panels .real-directions-copy>p{font-size:20px}.real-directions-panels .real-directions-media{width:100%}}

/* Studio sources blend at the margins; the cube edge itself stays fully sharp. */
.showcase-cube .showcase-object>img[data-hero-dark],.showcase-cube .showcase-object>canvas{mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 95%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 95%,transparent);-webkit-mask-composite:source-in;filter:none!important}
:root[data-theme=dark] .showcase-cube:not([data-hero-theme-ready]) .showcase-object>img[data-hero-dark]{visibility:hidden}


/* The dark studio photograph has an opaque backdrop. Mask only its exterior,
   preserving the glass highlights, including the responsive picture and WebGL. */
:root[data-theme=dark] .showcase-cube .showcase-object{mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1254 1254"%3E%3Cpath fill="white" d="M470 115 Q485 113 506 117 L1158 177 Q1199 180 1202 220 L1202 987 Q1202 1015 1183 1032 L919 1181 Q895 1197 879 1192 L94 1064 Q59 1058 59 1010 L59 285 Q58 245 83 229 Z"/%3E%3C/svg%3E');mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1254 1254"%3E%3Cpath fill="white" d="M470 115 Q485 113 506 117 L1158 177 Q1199 180 1202 220 L1202 987 Q1202 1015 1183 1032 L919 1181 Q895 1197 879 1192 L94 1064 Q59 1058 59 1010 L59 285 Q58 245 83 229 Z"/%3E%3C/svg%3E');-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat}
:root[data-theme=dark] .showcase-cube:not([data-hero-theme-ready]) .showcase-object img[data-hero-dark]{visibility:hidden!important}
