/* Lamidesky — editorial design system. Local font stacks keep the preview self-contained. */
:root{--bg:#20231f;--ink:#f3f0e8;--muted:#b9bcb1;--accent:#cbb797;--paper:#eeeae2;--paper-ink:#263027;--rule:rgba(243,240,232,.18);--font-body:"Segoe UI",Arial,sans-serif;--font-display:Georgia,"Times New Roman",serif;--page-gutter:clamp(22px,6vw,100px);--section-space:clamp(64px,7.5vw,116px)}
html{scroll-padding-top:28px}body{background:var(--bg);font-family:var(--font-body);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}h1,h2,h3,p{overflow-wrap:break-word}h1,h2{font-family:var(--font-display);font-weight:400;text-wrap:balance}h1{letter-spacing:-.048em}h2{font-size:clamp(36px,4.15vw,62px);line-height:1.12;letter-spacing:-.038em;margin-bottom:28px}h3{font-size:20px;line-height:1.35;font-weight:500;letter-spacing:-.025em}p{line-height:1.7}p:last-child{margin-bottom:0}.eyebrow{font:600 11px/1.5 var(--font-body);letter-spacing:.15em;margin:0 0 22px}.lead{font-size:20px;line-height:1.6}.section{padding:var(--section-space) max(var(--page-gutter),calc((100vw - 1360px)/2))}.heading{gap:48px;align-items:end;margin-bottom:46px}.heading h2{margin:0}.heading>p{max-width:330px;font-size:15px;margin:0 0 3px}.split{gap:clamp(36px,6vw,96px)}.split p{max-width:52ch}.split .lead{font-size:20px;line-height:1.6}.source-note,.muted{font-size:12px;line-height:1.65;max-width:80ch}.text-link{font-size:14px;font-weight:500;line-height:1.5;margin-top:20px}.button,.outline{border-radius:0;font:500 14px/1.4 var(--font-body);min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:10px}.button{padding:16px 24px;margin-top:24px}.outline{padding:12px 18px}.button:hover{background:#e1ccaa}a,button{transition:background-color .18s,color .18s,filter .18s}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}figure{min-width:0}figcaption{font-size:14px;line-height:1.5;margin-top:16px;color:#d6d7cd}figcaption small{font-size:12px;line-height:1.55;color:#aaafa2;margin-top:5px}img{image-orientation:from-image}
/* Navigation and opening image */
header{padding-inline:var(--page-gutter);height:88px;gap:26px}header .brand{flex-shrink:0;font-size:29px;letter-spacing:-.06em}header nav{gap:clamp(14px,1.5vw,24px);font-size:13px;line-height:1.4}header nav a{white-space:nowrap}header .outline{flex-shrink:0}.hero{height:calc(100svh - 88px);min-height:620px;max-height:900px}.hero-copy{left:var(--page-gutter);top:19%;right:var(--page-gutter);max-width:740px}.hero-copy h1{font-size:clamp(62px,7vw,108px);line-height:1.02}.hero-copy>p:not(.eyebrow){font-size:18px;line-height:1.6;max-width:390px}.hero .shade{background:linear-gradient(90deg,rgba(15,21,17,.78),rgba(15,21,17,.12) 78%)}.scroll{left:var(--page-gutter);font-size:13px}.credit{font-size:11px;line-height:1.5;right:var(--page-gutter);max-width:260px;text-align:right}.ribbon{padding:22px var(--page-gutter);font-size:12px;gap:24px;background:var(--bg);justify-content:space-between;border-bottom:1px solid var(--rule)}
/* Tactile material selector */
.decor-section{background:var(--paper);color:var(--paper-ink)}.decor-section .eyebrow{color:#70644f}.decor-section .heading p,.decor-section .source-note{color:#62685d}.decor-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px}.decor-card{display:block;color:inherit}.decor-card:hover{color:inherit}.decor-card>img{width:100%;aspect-ratio:1.5;height:auto;object-fit:cover;transition:filter .2s}.decor-card:hover>img{filter:brightness(1.06)}.decor-card>div{display:grid;grid-template-columns:1fr auto;align-items:center;padding-top:14px;border-top:1px solid #b8bcaf;margin-top:10px;gap:3px 12px}.decor-card h3{font:500 19px/1.35 var(--font-body);letter-spacing:-.025em;margin:0}.decor-card p{grid-column:1/-1;font-size:12px;line-height:1.5;color:#62685d;margin:3px 0 0}.decor-section .source-note{margin-top:32px}.decor-card>div>span{font-size:20px}
/* Material benefits and projects */
.benefits{background:var(--bg);padding-top:0}.benefit-grid{gap:36px 44px;margin-top:44px}.benefit-grid article{border-top:1px solid var(--rule);padding-top:26px}.benefit-grid h3{font-size:18px;margin:18px 0 10px}.benefit-grid p{font-size:14px;line-height:1.65;margin-top:0}.benefit-grid svg{width:42px;height:42px}.source-note{color:var(--muted)}#realizace{background:#292d27}.gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.gallery figure:nth-child(n){padding-top:0}.gallery .photo{background:transparent}.gallery img{width:100%;height:auto;object-fit:contain}.gallery figcaption{font-size:14px}.tables{background:var(--bg);color:var(--ink)}.tables .eyebrow{color:var(--accent)}.tables p,.tables .lead{color:var(--muted)}.tables figure>img{max-height:680px}.tables figcaption{color:#b9bcb1}
/* Paired appliance details, then an independent construction detail. */
.paired-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.paired-details img{width:100%;height:clamp(300px,35vw,480px);object-fit:cover}.paired-details h3{margin:20px 0 10px}.paired-details p{font-size:15px;color:var(--muted);max-width:50ch}.joint-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,6vw,88px);align-items:center;margin-top:64px;padding-top:64px;border-top:1px solid var(--rule)}.joint-detail img{width:100%;max-height:560px;object-fit:contain}.joint-detail h2{font-size:clamp(32px,3vw,46px)}.joint-detail p{max-width:50ch;color:var(--muted)}
/* Genuine editor preview, framed as a functional product. */
.planner{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,5vw,72px);align-items:center;background:var(--paper);color:var(--paper-ink)}.planner p{max-width:48ch;color:#62685d}.planner .eyebrow{color:#70644f}.planner .button{background:#304738;color:white}.planner .button:hover{background:#203c2b}.planner .muted{margin-top:24px}.editor-teaser,.real-editor-preview{background:#faf9f5;color:#243027;text-decoration:none;box-shadow:0 18px 55px #20231f18;border:1px solid #c5cbbf;overflow:hidden;padding:0}.editor-teaser>span,.real-editor-preview>.preview-label{display:block;font-size:11px;letter-spacing:.1em;padding:15px 20px;border-bottom:1px solid #d5d7cf;color:#63705c}.editor-teaser svg{width:100%;padding:20px;font:14px var(--font-body)}.editor-teaser img,.real-editor-preview img{display:block;width:100%;height:auto}.real-editor-preview iframe{display:block;width:100%;height:480px;border:0;background:#f9faf4}.editor-teaser strong,.real-editor-preview strong{font-size:14px;display:block;border-top:1px solid #d5d7cf;padding:16px 20px;line-height:1.5}.real-editor-preview figcaption{padding:0 20px 16px;font-size:12px;color:#66705d}.planner:has(.real-editor-preview){grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}
/* Craft and installation: process photos are evidence, not decorative fillers. */
.steps{gap:30px;margin:48px 0 76px}.steps article{padding-top:22px}.steps h3{font-size:18px;margin:14px 0 10px}.steps p{font-size:14px;line-height:1.65}.steps b{font:30px/1 var(--font-display)}.installation>img{height:560px}.installation h2{font-size:clamp(34px,3.6vw,50px)}details{padding:20px 0}summary{font-size:16px;line-height:1.5}details p{font-size:14px;line-height:1.7}.installation-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:46px}.installation-gallery img{width:100%;height:320px;object-fit:cover}.installation-gallery figure:last-child:first-child{grid-column:1/-1}.installation-gallery figcaption{font-size:13px}.installation-gallery .completed{grid-column:span 2}.installation-gallery .completed img{height:480px;object-fit:contain}.details-grid{gap:30px;margin-top:48px}.details-grid img{height:360px}
/* Small collection — a restrained brand story below the core offer. */
.brand-concepts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.brand-concepts img{width:100%;aspect-ratio:1.2;object-fit:cover}.brand-concepts h3{font-size:21px;margin:20px 0 10px}.brand-concepts p{font-size:14px;color:var(--muted);max-width:52ch}.brand-concepts .concept-note{font-size:12px;color:#b4b9ab}.brand-concepts figcaption{font-size:14px}
/* People and contact */
.people{background:#292d27;color:var(--ink)}.people .eyebrow,.people .role{color:var(--accent)}.people .description{color:var(--muted)}.portrait{width:180px;height:180px;margin-bottom:26px}.team{gap:44px;margin-top:48px}.team h2{font:500 25px/1.25 var(--font-body);letter-spacing:-.03em}.team .role{font-size:14px;line-height:1.5;margin-top:10px;min-height:42px}.team .description{font-size:14px;line-height:1.65;min-height:70px;max-width:34ch}.team a{font-size:14px;line-height:1.5}.contact{background:var(--bg)}.contact h2{font-size:clamp(36px,4vw,56px)}.contact img{height:500px}.big-contact{font-size:clamp(26px,3vw,36px);line-height:1.3;letter-spacing:-.035em}address{font-size:16px;line-height:1.8}footer{padding:56px var(--page-gutter)}footer>div{font-size:12px;line-height:1.6;gap:24px}footer>p{font-size:14px}
@media(min-width:1700px){.hero-copy{left:max(var(--page-gutter),calc((100vw - 1360px)/2))}}
@media(max-width:1150px){header nav{display:none}.hero{min-height:580px}.gallery{gap:20px}.team{gap:30px}.decor-card h3{font-size:18px}.planner,.planner:has(.real-editor-preview){grid-template-columns:1fr;gap:36px}.planner>div>p{max-width:60ch}.real-editor-preview iframe{height:560px}.installation-gallery img{height:260px}}
@media(max-width:850px){header{height:76px}.hero{height:82svh;min-height:560px;max-height:780px}.hero-copy{top:16%;max-width:none}.hero-copy h1{font-size:clamp(55px,9vw,76px)}.hero-copy>p:not(.eyebrow){font-size:17px!important}.ribbon{font-size:12px;flex-direction:column;gap:8px}.decor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.heading{display:block;margin-bottom:32px}.heading>p{margin-top:22px;max-width:48ch}.split{grid-template-columns:1fr;gap:36px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 22px}.gallery img{max-height:560px}.split figure>img{height:auto;max-height:620px}.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.team{grid-template-columns:1fr;gap:42px}.team article{max-width:440px}.team .role,.team .description{min-height:0;max-width:42ch}.steps{grid-template-columns:repeat(2,minmax(0,1fr));margin:40px 0 56px;gap:30px}.installation>img{height:auto;max-height:620px;object-fit:contain}.joint-detail{gap:32px}.installation-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.installation-gallery img{height:320px}.installation-gallery .completed{grid-column:1/-1}.contact img{height:440px}.paired-details img{height:340px}.portrait{width:170px;height:170px}.brand-concepts{gap:24px}footer>div{display:block}footer>div span{display:block;margin-top:12px}}
@media(max-width:540px){header{gap:14px}header .brand{font-size:24px;gap:10px}header .brand svg{width:23px;height:23px}header .outline{font-size:11px;padding:10px 12px;min-height:42px}.hero{min-height:570px}.hero-copy h1{font-size:56px}.hero-copy .eyebrow{font-size:10px;max-width:260px}.hero .shade{background:linear-gradient(90deg,#121712bf,#12171240)}.hero-copy>p:not(.eyebrow){font-size:16px!important}.credit{max-width:170px;font-size:10px}.scroll{font-size:12px}.decor-grid{gap:26px 16px}.decor-card h3{font-size:17px}.decor-card p{font-size:11px}.decor-card>img{aspect-ratio:1.2}.gallery,.paired-details,.joint-detail,.brand-concepts{grid-template-columns:1fr}.gallery{gap:36px}.paired-details{gap:38px}.paired-details img{height:auto;max-height:520px}.joint-detail{margin-top:44px;padding-top:44px}.benefit-grid{grid-template-columns:1fr;gap:24px}.benefit-grid article{display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:20px}.benefit-grid svg{grid-row:span 2}.benefit-grid h3{margin:0 0 8px}.benefit-grid p{margin:0}.real-editor-preview iframe{height:420px}.steps{column-gap:20px}.steps h3{font-size:17px}.steps p{font-size:13px}.installation-gallery{grid-template-columns:1fr}.installation-gallery img{height:auto;max-height:520px;object-fit:contain}.installation-gallery .completed{grid-column:auto}.installation-gallery .completed img{height:auto;max-height:600px}.details-grid{grid-template-columns:1fr;gap:30px}.details-grid img{height:auto}.contact img{height:360px}.team h2{font-size:25px}.brand-concepts img{aspect-ratio:auto;height:auto}.source-note{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Compact navigation and readable editorial rhythm. */
.menu-toggle{display:none}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}.heading>p{max-width:48ch}.hero-copy>p:not(.eyebrow){max-width:40ch}.installation-gallery .completed img{object-fit:contain;background:#181c18}
@media(max-width:1150px){header{position:relative;flex-wrap:wrap;height:auto;min-height:76px;padding-top:16px;padding-bottom:16px}.menu-toggle{display:block;margin-left:auto;background:transparent;color:inherit;border:1px solid #ffffff40;padding:10px 14px;font:inherit;cursor:pointer}header nav.is-open{display:flex;order:4;flex-basis:100%;flex-wrap:wrap;gap:0;padding-top:16px}header nav.is-open a{padding:12px 18px 12px 0;min-height:44px}}
@media(max-width:540px){header{gap:10px}.menu-toggle{font-size:12px;padding:10px}header .brand{font-size:21px}header .outline{font-size:10px;padding:10px}.hero-copy{right:24px}}

/* Consistent realization cards and restored product concepts. */
#realizace .gallery{align-items:start}
#realizace .gallery figure{margin:0;min-width:0}
#realizace .gallery .photo{display:block;width:100%;aspect-ratio:4/5;overflow:hidden}
#realizace .gallery .photo img{display:block;width:100%;height:100%;object-fit:cover}
#realizace .gallery figcaption{min-height:4.5em;padding-top:14px;line-height:1.5}
.coffee-table .photo,.accessories .photo{display:block;width:100%;padding:0;background:transparent;border:0}
.coffee-table .photo img,.accessories .photo img{display:block;width:100%;height:auto;object-fit:contain}
.coffee-table figure,.accessories figure{min-width:0;margin:0}
.preview-caption{font-size:12px;line-height:1.5;color:var(--muted);margin:12px 0 0}
@media(max-width:540px){#realizace .gallery figcaption{min-height:0}.coffee-table,.accessories{gap:28px}}

/* Content must shrink with its grid track; captions stay in document flow. */
.split>*,.heading>*,.joint-detail>*,.planner>*,.team>*,.steps>*,.benefit-grid>*,.details-grid>*,.decor-card>div>*{min-width:0}
figure,figcaption,.photo{max-width:100%}
figcaption{display:block;width:100%;overflow-wrap:anywhere}
figcaption h3,figcaption p,figcaption small{max-width:100%;overflow-wrap:anywhere}
.section h2,.section h3,.section p,.section a,summary,address{overflow-wrap:anywhere}
.heading>div{flex:1 1 0}.heading>p{flex:0 1 40%}
.decor-card>div{grid-template-columns:minmax(0,1fr) auto}
.button,.outline,.text-link{max-width:100%;white-space:normal;text-align:center}
#realizace .gallery .photo img{max-height:none}
#realizace .gallery figcaption{padding-top:0;margin-top:16px}
.preview-caption{padding:0 20px 18px}
@media(min-width:851px){
.split,.joint-detail,.details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.team,.benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.steps{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:850px){.joint-detail{grid-template-columns:minmax(0,1fr)}.heading>p{max-width:100%}}
@media(max-width:380px){.decor-grid,.steps{grid-template-columns:minmax(0,1fr)}.portrait{max-width:100%}.big-contact{font-size:24px}}

/* Keep photograph and caption on the same visible edge. */
.joint-detail>figure{width:100%;max-width:420px;justify-self:start;margin:0}
.joint-detail>figure .photo img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.tables>figure{width:100%;max-width:470px;justify-self:start;margin:0}
.tables>figure>img{width:100%;height:auto;max-height:none;object-fit:contain}
.joint-detail>figure figcaption,.tables>figure figcaption{margin-top:16px;padding:0}
/* Consistent installation photo cards. */
.installation-gallery{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
.installation-gallery .completed{grid-column:auto}
.installation-gallery .photo{aspect-ratio:3/4;overflow:hidden}
.installation-gallery .photo img{display:block;width:100%;height:100%;max-height:none;object-fit:cover}
.installation-gallery figcaption{margin-top:16px;padding:0}
@media(max-width:850px){.installation-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.installation-gallery{grid-template-columns:minmax(0,1fr)}}