.plana-editorial{--plana-accent:#bf6248;background:#faf8f4}
.plana-editorial .plana-hero{padding:64px var(--space) 48px;border-bottom:1px solid var(--line);background:#faf8f4}
.plana-hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:end}
.plana-editorial .plana-hero h1{font-size:clamp(44px,5.4vw,76px);margin:0;max-width:14ch}
.plana-hero-grid>div{max-width:35ch;padding-bottom:7px}
.plana-series{font-size:19px;font-weight:600;margin-bottom:12px}
.plana-hero-grid p:not(.plana-series){font-size:16px;line-height:1.7;color:#625c56}
.plana-editorial h1 span,.plana-editorial h2 span{color:var(--plana-accent)}
.plana-editorial .eyebrow{color:var(--plana-accent)}
.plana-editorial .plana-studio{padding-top:40px}
.plana-editorial .studio-heading h2{font-size:clamp(28px,3vw,38px)}
.plana-spacing{padding:72px var(--space)}
.plana-editorial-heading{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:36px}
.plana-editorial-heading h2{font-size:clamp(34px,4vw,55px);margin:0;max-width:18ch}
.plana-editorial-heading>p{font-size:15px;line-height:1.7;color:#625c56;margin:0;max-width:35ch}
.plana-switch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.plana-use{background:#f0ece6}
.plana-use-card{min-width:0}
.plana-use-card h3,.plana-socket-card h3{font-size:19px;line-height:1.3;margin:20px 0 7px;font-weight:500}
.plana-use-card p,.plana-socket-card p{font-size:14px;line-height:1.6;margin:0;color:#625c56}
.plana-key-visual{position:relative;overflow:hidden;aspect-ratio:182/410;max-height:245px;width:106px;margin:0 auto 28px}
.plana-key-visual img{position:absolute;width:1005%;max-width:none;height:auto;left:calc(var(--key-index) * -100%);top:-78.05%;pointer-events:none}
.plana-details{border-top:1px solid #d6cec5;margin-top:36px}
.plana-details summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;min-height:60px;font-size:14px;list-style:none}
.plana-details summary::-webkit-details-marker{display:none}
.plana-details summary span{font-size:24px;font-weight:400}
.plana-details[open] summary span{transform:rotate(45deg)}
.plana-details>div{max-width:75ch;padding:4px 0 20px;color:#625c56;font-size:15px;line-height:1.8}
.plana-details summary:focus-visible{outline:2px solid var(--cobalt);outline-offset:4px}
.plana-sockets{background:white}
.plana-socket-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 24px}
.plana-socket-card{min-width:0;border-top:1px solid #e6e0d9;padding-top:22px}
.plana-socket-visual{height:190px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.plana-socket-visual img{width:auto;height:auto;max-height:100%;max-width:100%;object-fit:contain}
.plana-pn{font-size:10px;letter-spacing:.1em;color:#78716b}
.plana-socket-card h3{margin-top:8px}
.plana-home>.plana-editorial-heading{margin:0}
.plana-room{margin:0}
.plana-room-image{position:relative}
.plana-room-photo{width:100%;height:auto}
.plana-room-device{position:absolute;left:10.45%;top:40%;width:8.15%;aspect-ratio:1;background:#eeeae2;border-radius:4%;box-shadow:-2px 3px 6px #0005;transform:perspective(700px) rotateY(-3deg);overflow:hidden}
.plana-room-device .studio-assembly{width:100%;margin:0}
.plana-room-device .studio-frame{clip-path:none}
.plana-room figcaption{padding:12px var(--space);font-size:11px;color:#716b65}
.plana-home-details{padding-top:0;padding-bottom:44px}
.plana-home-details .plana-details{margin-top:12px}
.plana-editorial .plana-cta{padding:60px var(--space);background:#193c7b}
.plana-editorial .plana-cta .eyebrow{color:#eac16d}
.plana-editorial .plana-cta h2{font-size:clamp(40px,5vw,66px);margin-bottom:20px}
.plana-editorial .plana-cta h2 span{color:#eac16d}
#plana-config{scroll-margin-top:20px}
@media(max-width:940px){.plana-hero-grid{gap:28px}.plana-spacing{padding-block:48px}.plana-editorial-heading{align-items:start}.plana-socket-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.plana-switch-grid{gap:16px}.plana-home-details{padding-top:0}.plana-socket-visual{height:165px}}
@media(max-width:600px){.plana-editorial .plana-hero{padding:40px 20px 32px}.plana-hero-grid{grid-template-columns:1fr;gap:24px}.plana-editorial .plana-hero h1{font-size:48px}.plana-hero-grid>div{max-width:none}.plana-spacing{padding:40px 20px}.plana-editorial-heading{display:block;margin-bottom:28px}.plana-editorial-heading>p{margin-top:18px}.plana-switch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 18px}.plana-key-visual{width:90px;margin-bottom:16px}.plana-use-card h3,.plana-socket-card h3{font-size:17px}.plana-socket-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}.plana-socket-visual{height:140px}.plana-home-details{padding-top:0}.plana-room-photo{aspect-ratio:3/2;object-fit:contain}.plana-editorial .plana-cta{padding:40px 20px}.plana-details summary{font-size:14px}.plana-editorial .plana-cta .button{width:100%}}

/* Product photographs: same front height, one- and two-module width. */
.plana-product-stage{--product-height:180px;height:var(--product-height);display:flex;align-items:center;justify-content:center;margin:0 0 22px;position:relative}
.plana-product-front{position:relative;height:var(--product-height);width:var(--product-height);overflow:hidden;border-radius:3px;background:transparent;flex-shrink:0}
.plana-product-front.is-half{width:calc(var(--product-height) / 2)}
.plana-product-front img{position:absolute;max-width:none;object-fit:fill;display:block}
.plana-product-front.is-custom img{inset:0;width:100%;height:100%;object-fit:contain}
.plana-use{background:#fff}
.plana-use-card{padding-top:12px}
.plana-tone-filter{position:absolute;pointer-events:none}
.plana-editorial h1 .plana-editable,.plana-editorial h2 .plana-editable{color:inherit}
.plana-details summary .plana-editable{font-size:inherit;font-weight:inherit}
.plana-details[open] summary .plana-editable{transform:none}
.plana-edit-link{display:block;padding:12px 24px;background:#193c7b;color:white;text-align:center;font-size:13px}
@media(max-width:1100px){.plana-product-stage{--product-height:150px}}
@media(max-width:600px){.plana-product-stage{--product-height:clamp(102px,32vw,160px)}}

.studio-product figcaption .plana-editable{display:inline;margin:0;font:inherit;letter-spacing:inherit}
.studio-controls legend .plana-editable{float:none;color:inherit;font-size:inherit}
.studio-insert img.plana-custom-insert{width:100%;height:100%;inset:0;object-fit:contain}
.plana-room-photo{height:auto}

/* Expanded series descriptions, shared by PLANA, LINEA and EIKON. */
.plana-details>div p{text-align:justify;text-justify:inter-word;hyphens:auto;overflow-wrap:break-word}

/* Stock key illumination follows the original lens or translucent symbol.
   Masks share the photograph's crop; they do not alter product geometry. */
.tj-key-led{position:absolute;z-index:2;left:50%;top:50%;width:9%;height:3.7%;transform:translate(-50%,-50%);background:#c1e9ff;box-shadow:0 0 4px 1px #6ec6ff,0 0 10px 3px #80cfff8c;pointer-events:none}
.tj-led-plana>.tj-key-led{width:12%;height:6%;border-radius:50%;top:50.2%}
.tj-led-eikon>.tj-key-led{width:42%;height:4.8%;border-radius:3px}
.tj-led-linea>.tj-key-led{border-radius:1px}
.tj-led-light>.tj-key-led{inset:0;width:100%;height:100%;transform:none;border-radius:0;background:none;box-shadow:none;filter:drop-shadow(0 0 2px #6ec6ff) drop-shadow(0 0 4px #80cfff8c)}
.tj-led-light>.tj-key-led::before{content:"";position:absolute;inset:0;background:#c1e9ff;-webkit-mask:var(--tj-led-mask) center / 100% 100% no-repeat;mask:var(--tj-led-mask) center / 100% 100% no-repeat}
.tj-led-plana.tj-led-light{--tj-led-mask:url("key-led/plana-light-white.svg")}
.tj-led-linea.tj-led-light{--tj-led-mask:url("key-led/linea-light-white.svg")}
.tj-led-eikon.tj-led-light{--tj-led-mask:url("key-led/eikon-light-white.svg")}
.tj-led-linea.tj-led-light[data-led-color=canvas],.studio-assembly[data-insert-color=canvas] .tj-led-linea.tj-led-light{--tj-led-mask:url("key-led/linea-light-canvas.svg")}
.tj-led-linea.tj-led-light[data-led-color=anthracite],.studio-assembly[data-insert-color=anthracite] .tj-led-linea.tj-led-light{--tj-led-mask:url("key-led/linea-light-anthracite.svg")}
.tj-led-eikon.tj-led-light[data-led-color=silver],.studio-assembly[data-insert-color=silver] .tj-led-eikon.tj-led-light{--tj-led-mask:url("key-led/eikon-light-silver.svg")}
.tj-led-eikon.tj-led-light[data-led-color=anthracite],.studio-assembly[data-insert-color=anthracite] .tj-led-eikon.tj-led-light{--tj-led-mask:url("key-led/eikon-light-anthracite.svg")}
.studio-key.tj-led-light>.tj-key-led{transform:scale(1.012);transform-origin:50% 50%}
.tj-key-led[hidden],img[data-studio-stock="false"]+.tj-key-led{display:none}