/* An architectural construction study, scoped to the family-house service. */
#cc-site .c-house-intro{padding:42px 0 56px}
#cc-site .c-house-intro .c-breadcrumb{margin-bottom:48px}
#cc-site .c-house-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:64px;align-items:end}
#cc-site .c-house-heading h1{font-size:clamp(54px,6.25vw,96px);line-height:1.02;letter-spacing:-.045em}
#cc-site .c-house-heading h1 em{color:#a44720;font-weight:500}
#cc-site .c-house-heading .c-kicker{margin-bottom:24px}
#cc-site .c-house-lead{max-width:390px;justify-self:end;padding-bottom:6px}
#cc-site .c-house-lead p{font-size:16px;line-height:1.8;color:var(--cc-gray);margin-bottom:18px}
#cc-site .c-house-build{background:linear-gradient(180deg,var(--cc-bg),#f1ece5 100px,#f1ece5 calc(100% - 90px),var(--cc-bg));padding:25px 0 28px;position:relative}
#cc-site .c-house-topline{display:flex;justify-content:space-between;gap:20px;text-transform:uppercase;letter-spacing:.14em;font-size:12px;color:#68675e;position:relative;z-index:2}
#cc-site .c-house-theatre{position:relative;min-height:480px;display:grid;grid-template-columns:250px minmax(0,1fr);align-items:center}
#cc-site .c-house-stage-copy{padding:0 0 30px;z-index:2;pointer-events:none}
#cc-site .c-house-count{font-size:12px;color:var(--cc-accent-text);letter-spacing:.12em;display:block;margin-bottom:20px;font-variant-numeric:tabular-nums}
#cc-site .c-house-stage-copy h2{font-size:48px;line-height:1.1;margin-bottom:20px}
#cc-site .c-house-stage-copy p{font-size:15px;line-height:1.85;color:#61635f;max-width:235px;min-height:110px}
#cc-site .c-house-viewport{position:relative;min-width:0;height:480px;touch-action:pan-y}
#cc-site .c-house-viewport canvas{width:100%;height:100%;display:none}
#cc-site .c-house-viewport img{width:100%;height:100%;object-fit:contain}
#cc-site .has-house-3d .c-house-viewport canvas{display:block}
#cc-site .has-house-3d .c-house-viewport img{display:none}
#cc-site .c-house-controls{position:absolute;left:0;bottom:22px;display:flex;gap:18px;align-items:center;z-index:3}
#cc-site .c-house-controls button{border:0;border-bottom:1px solid var(--cc-accent);background:transparent;padding:8px 0;color:#393e39;font-size:14px;min-height:42px}
#cc-site .c-house-controls button:hover{color:var(--cc-accent-text);border-color:currentColor}
#cc-site .c-house-track{height:2px;background:#d3d0c7;overflow:hidden}
#cc-site .c-house-track span{display:block;height:100%;background:var(--cc-accent);width:0;transition:width .1s linear}
#cc-site .c-house-steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}
#cc-site .c-house-steps button{display:flex;align-items:center;gap:13px;min-height:78px;padding:15px 12px;background:transparent;color:#6b6c63;border:0;border-bottom:1px solid #d3d0c7;font-size:14px;text-align:left;transition:background .25s,color .25s}
#cc-site .c-house-steps button:first-child{padding-left:0}
#cc-site .c-house-steps button span{font-size:12px;letter-spacing:.04em;color:#827e72}
#cc-site .c-house-steps button[aria-pressed=true]{color:#252d29;background:#f3dccd}
#cc-site .c-house-steps button[aria-pressed=true] span{color:var(--cc-accent-text)}
#cc-site .c-house-steps button:hover:not(:disabled){background:#e5e1d8;color:#252d29}
#cc-site .c-house-steps button:disabled{cursor:default}
#cc-site .c-house-note{font-size:12px;color:#747367;line-height:1.7;padding-top:18px}
#cc-site .c-house-scope .c-section-head>p{max-width:360px;font-size:16px;color:var(--cc-gray)}
#cc-site .c-house-scope-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:52px;border-top:1px solid var(--cc-line);padding-top:36px}
#cc-site .c-house-scope-grid article>span{color:#a44720;font-size:12px;letter-spacing:.1em}
#cc-site .c-house-scope-grid h3{font-size:22px;margin:24px 0 18px;line-height:1.35}
#cc-site .c-house-scope-grid p{font-size:16px;line-height:1.8;color:var(--cc-gray)}
#cc-site .c-house-projects{display:grid;grid-template-columns:1.15fr 1fr;gap:54px;align-items:start}
#cc-site .c-house-projects .c-project:nth-child(2){margin-top:85px}
#cc-site .c-house-projects .c-project figure:after{content:'Prohlédnout realizaci'}
@media(min-width:1700px){#cc-site .c-house-viewport{height:560px}}
@media(max-width:1100px){#cc-site .c-house-heading{gap:38px;grid-template-columns:1.4fr 1fr}#cc-site .c-house-theatre{grid-template-columns:200px minmax(0,1fr)}#cc-site .c-house-viewport{height:410px}#cc-site .c-house-theatre{min-height:410px}#cc-site .c-house-stage-copy h2{font-size:42px}#cc-site .c-house-steps button{gap:8px;padding:12px 7px;font-size:13px}#cc-site .c-house-scope-grid{gap:28px}}
@media(max-width:760px){#cc-site .c-house-intro{padding:28px 0 36px}#cc-site .c-house-intro .c-breadcrumb{margin-bottom:30px;flex-wrap:wrap}#cc-site .c-house-heading{grid-template-columns:1fr;gap:24px}#cc-site .c-house-heading h1{font-size:clamp(44px,8.6vw,66px)}#cc-site .c-house-heading .c-kicker{margin-bottom:20px}#cc-site .c-house-lead{max-width:560px;justify-self:start;padding:0}#cc-site .c-house-lead p{margin-bottom:12px}#cc-site .c-house-build{padding-top:18px}#cc-site .c-house-topline{font-size:12px;letter-spacing:.065em}#cc-site .c-house-topline span:last-child{display:none}#cc-site .c-house-theatre{display:flex;flex-direction:column;min-height:0;align-items:stretch}#cc-site .c-house-viewport{order:0;height:350px;margin-inline:-12px}#cc-site .c-house-stage-copy{order:1;display:grid;grid-template-columns:1fr 2fr;gap:6px 25px;align-items:start;padding:12px 0 20px}#cc-site .c-house-count{grid-column:1;margin:0}#cc-site .c-house-stage-copy h2{grid-column:1;font-size:34px;margin:0}#cc-site .c-house-stage-copy p{grid-column:2;grid-row:1 / span 2;font-size:14px;min-height:84px;max-width:none;line-height:1.75}#cc-site .c-house-controls{position:static;order:2;padding:0 0 20px}#cc-site .c-house-steps{grid-template-columns:repeat(3,minmax(0,1fr))}#cc-site .c-house-steps button{min-height:61px;font-size:14px;padding:12px 8px;gap:8px}#cc-site .c-house-steps button:first-child{padding-left:8px}#cc-site .c-house-scope .c-section-head{display:block}#cc-site .c-house-scope .c-section-head>p{max-width:100%;margin-top:25px}#cc-site .c-house-scope-grid{grid-template-columns:1fr;gap:30px}#cc-site .c-house-scope-grid h3{margin:15px 0 12px}#cc-site .c-house-projects{grid-template-columns:1fr;gap:42px}#cc-site .c-house-projects .c-project:nth-child(2){margin-top:0}}
@media(max-width:420px){#cc-site .c-house-viewport{height:300px}#cc-site .c-house-stage-copy{grid-template-columns:1fr;gap:10px}#cc-site .c-house-count,#cc-site .c-house-stage-copy h2,#cc-site .c-house-stage-copy p{grid-column:auto;grid-row:auto}#cc-site .c-house-stage-copy p{min-height:75px}#cc-site .c-house-steps button{flex-direction:column;align-items:flex-start;gap:2px;font-size:13px}}
@media(prefers-reduced-motion:reduce){#cc-site .c-house-track span{transition:none}}

#cc-site .c-masonry-phases{display:flex;gap:8px;flex-wrap:wrap;padding:0;margin:18px 0 0;list-style:none}
#cc-site .c-masonry-phases li{font-size:12px;line-height:1.6;color:#75685e;border-bottom:2px solid #d9cbbf;padding:5px 0;margin-right:10px}
#cc-site .c-masonry-phases li.is-current{color:var(--cc-accent-text);border-color:var(--cc-accent)}
#cc-site .c-house-stage-copy:has(.c-masonry-phases:not([hidden])){padding-bottom:52px}
#cc-site .c-house-projects .c-project figure:after{width:auto;height:auto;min-width:0;border-radius:0;font-family:var(--cc-font);font-size:13px;line-height:1.5;padding:11px 15px}
@media(max-width:760px){#cc-site .c-masonry-phases{grid-column:1/-1;margin-top:6px}#cc-site .c-house-stage-copy:has(.c-masonry-phases:not([hidden])){padding-bottom:20px}}

/* The completed house rests for 30 visible seconds before a new full build. */
#cc-site .c-house-repeat{font-size:12px;color:var(--cc-gray);font-variant-numeric:tabular-nums;flex-basis:100%;line-height:1.6}