:root{--bg:#fafafa;--text:#202020;--muted:#595959;--line:#c9c9c9;--media:#dedede;--gap:24px;--section:96px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:17px/1.55 Arial,sans-serif}a{color:inherit;text-underline-offset:5px}button,select{font:inherit;color:inherit;background:transparent;border:1px solid #777;min-height:44px;padding:10px 16px;max-width:100%}button{cursor:pointer}a,button,select{touch-action:manipulation}button:hover,select:hover{background:#e9e9e9}button:active,a.button:active{background:#ccc;color:#202020}button[aria-pressed=true],a.button{background:#202020;color:#fff}button[aria-pressed=true]{font-weight:700;box-shadow:inset 0 -3px 0 #999}button:disabled{opacity:.5;cursor:default}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid #202020;outline-offset:4px}header,main,footer{width:min(100%,1488px);margin:auto;padding-inline:64px}header{display:flex;align-items:center;gap:24px;padding-block:24px;border-bottom:1px solid var(--line);font-size:14px}header>a:first-child{max-width:160px;text-decoration:none}nav{display:flex;gap:8px 20px;flex:1;flex-wrap:wrap;justify-content:center}nav a{padding-block:10px}a.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 24px;text-decoration:none}section{padding-block:var(--section);border-bottom:1px solid var(--line);scroll-margin-top:24px}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{line-height:1.15;font-weight:400;text-wrap:balance}h1{font-size:clamp(40px,6vw,88px);letter-spacing:-.045em;margin-block:40px}h2{font-size:clamp(32px,3.5vw,52px);letter-spacing:-.035em;margin-bottom:48px;max-width:22ch}h3{font-size:28px;margin-bottom:16px}h4{font-size:22px}p{max-width:68ch}p+p{margin-top:16px}.hero-meta,.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.hero-meta{font-size:14px}.hero-meta p{margin:0}.hero-meta p:last-child{text-align:right}#home{padding-top:32px}.placeholder{background:var(--media);color:var(--muted);display:grid;place-items:center;text-align:center;font-size:14px;padding:24px}.hero{aspect-ratio:2.4;min-height:320px}.photo{aspect-ratio:4/3}.portrait{aspect-ratio:4/5}#directions .three article{border-top:1px solid var(--line);padding-top:24px}aside{margin-top:64px;background:#ededed;padding:40px;display:grid;grid-template-columns:1fr 2fr;gap:24px 48px}aside h3{grid-row:span 2;font-size:36px}aside a{justify-self:start;min-height:44px;display:inline-flex;align-items:center}.lead{font-size:22px;line-height:1.5;max-width:54ch;margin-bottom:40px;margin-left:25%}#studio .three{grid-template-columns:2fr 1fr;gap:24px}#studio .photo:first-child{grid-row:span 2;aspect-ratio:auto;min-height:420px}#studio .photo:not(:first-child){aspect-ratio:16/9;background:#d3d3d3}#schedule>h3{margin-top:48px}#filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;font-size:14px}.week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:16px;margin-top:32px;margin-bottom:64px}.day{min-width:0}.day>h4{font-size:15px;font-weight:700;padding-bottom:16px;min-height:40px}.lesson{border-top:1px solid var(--line);padding-block:20px;font-size:14px}.lesson p{margin:0 0 4px}.lesson p:first-child{font-size:20px;margin-bottom:12px}.lesson p:nth-child(3){color:var(--muted)}.lesson button{font-size:14px;padding:8px 12px;margin-top:12px;width:100%}.prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px}.price{border-top:1px solid #777;padding:24px 0;display:flex;flex-direction:column;align-items:start;gap:16px}.price h4{min-height:52px}.price p{margin:0}.price p:has(strong){font-size:32px;letter-spacing:-.03em}.price p strong{font-weight:400}.price a{margin-top:auto;display:inline-flex;align-items:center;min-height:44px}.price:nth-child(4){background:#ededed;padding:24px}.price:nth-child(5){padding-inline:24px}#team>.three{margin-top:32px}#team article h3{margin-top:24px;margin-bottom:8px}#team article p{font-size:16px}#team article p+p{color:var(--muted);margin-top:12px}#faq{display:grid;grid-template-columns:1fr 2fr;gap:48px}details{border-top:1px solid var(--line)}details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;padding:24px 8px;font-size:19px;min-height:64px}details p{padding:0 8px 24px;color:var(--muted)}#contacts{display:grid;grid-template-columns:1fr 1fr;gap:24px 64px}#contacts h2{grid-column:1;margin-bottom:8px}#contacts p{grid-column:1}#contacts .placeholder{grid-column:2;grid-row:1/span 3;aspect-ratio:4/3}#booking{max-width:960px}#booking h2{max-width:22ch;margin-bottom:24px}#booking>a{display:inline-flex;align-items:center;min-height:44px;margin-top:16px}#chosen{border-top:1px solid var(--line);padding-top:24px;margin-top:32px;margin-bottom:24px;font-size:22px}label,select{display:block}select{width:100%;margin-top:12px}#selection{margin-top:24px}#booking>p:last-child{color:var(--muted);font-size:14px;margin-top:24px}footer{padding-block:48px 64px;font-size:14px;color:var(--muted)}footer p+p{margin-top:8px}.skip{position:absolute;top:-100px;left:16px}.skip:focus{top:8px;background:white;padding:12px;z-index:2}@media(max-width:1199px){header{flex-wrap:wrap}nav{order:3;flex-basis:100%;justify-content:flex-start}header>a.button{margin-left:auto}.week{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1023px){header,main,footer{padding-inline:32px}:root{--section:80px}.prices{grid-template-columns:repeat(2,minmax(0,1fr))}.lead{margin-left:0}#faq{grid-template-columns:1fr;gap:0}#contacts{gap:24px 32px}}@media(max-width:767px){header,main,footer{padding-inline:20px}:root{--section:64px}header{gap:16px}nav{gap:0 16px;font-size:14px}h2{margin-bottom:32px}h3{font-size:24px}.hero-meta{grid-template-columns:1fr;gap:12px}.hero-meta p:last-child{text-align:left}h1{margin-block:32px}.hero{aspect-ratio:4/5;min-height:0}.three{grid-template-columns:1fr;gap:32px}aside{grid-template-columns:1fr;padding:24px;margin-top:40px;gap:16px}aside h3{grid-row:auto;font-size:30px}.lead{font-size:20px}#studio .three{grid-template-columns:1fr 1fr;gap:16px}#studio .photo:first-child{grid-column:1/-1;grid-row:auto;min-height:0;aspect-ratio:4/3}#studio .photo:not(:first-child){aspect-ratio:1}.week{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.prices{gap:24px}.price h4{font-size:20px}.price p:has(strong){font-size:28px}.portrait{aspect-ratio:4/5;max-height:480px}#contacts{display:block}#contacts p{margin-top:16px}#contacts .placeholder{margin-top:32px}summary{font-size:18px;padding-block:20px}}@media(max-width:479px){.week,.prices{grid-template-columns:1fr}.day>h4{font-size:20px}.lesson{display:grid;grid-template-columns:1fr auto;gap:0 16px}.lesson p{grid-column:1}.lesson button{grid-column:2;grid-row:1/span 3;width:auto;align-self:center;margin:0}.lesson p:first-child{margin-bottom:8px}.price h4{min-height:0}.price:nth-child(5){padding-inline:0}.placeholder{padding:16px}header>a:first-child{max-width:120px}.price a{margin-top:0}}

.hero{width:100%} .day>h4{overflow-wrap:anywhere}

/* Presentation refinement: contrast, repetition, alignment, proximity. */
:root{--section:104px;--ui:16px;--space-small:16px;--space-group:32px;--space-large:64px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#home{display:grid;grid-template-columns:1fr 2fr;gap:32px;align-items:end}.hero-meta{grid-column:1/-1}.logo-placeholder{border:1px dashed #888;min-height:160px;padding:24px;display:flex;flex-direction:column;justify-content:center;gap:12px;margin-bottom:32px}.logo-placeholder span{font-size:32px;letter-spacing:.12em}.logo-placeholder small{font-size:14px;color:var(--muted)}#home .hero{grid-column:2;aspect-ratio:4/3;min-height:0}.placeholder{position:relative;align-items:end;justify-items:start;text-align:left;border:1px solid #c0c0c0}.placeholder:before{content:'Медиа';position:absolute;top:16px;left:24px;font-size:12px;color:#666}.hero:before{content:'Фото студии / основной кадр'}.portrait:before{content:'Фото / 4:5'}
#directions .three{gap:40px}#directions .three h3{font-size:clamp(32px,3.6vw,48px);letter-spacing:-.03em;margin-bottom:24px}#directions .three article{border:0;padding:0}#directions aside{background:transparent;border-top:1px solid var(--line);padding:40px 0 0;grid-template-columns:1fr 2fr}aside h3{font-size:40px}#studio{display:grid;grid-template-columns:1fr 2fr;gap:32px}#studio h2{margin:0}#studio .lead{margin:0;font-size:22px}#studio>.three{grid-column:1/-1;margin-top:16px}
.week{gap:24px 16px}.day{background:#f0f0f0;padding:16px}.day>h4{font-size:16px;min-height:52px;line-height:1.35;border-bottom:2px solid #555;padding-bottom:16px}.lesson{border-top:0;border-bottom:1px solid var(--line);padding-block:24px}.lesson:last-child{border-bottom:0;padding-bottom:0}.lesson p{font-size:16px}.lesson p:first-child{font-size:24px}.lesson p:nth-child(2){font-weight:700}.lesson button{font-size:15px;background:var(--bg)}.prices{gap:32px}.price{padding:24px 0 32px;gap:12px}.price p:has(strong){font-size:40px;margin-block:8px}.price:nth-child(4),.price:nth-child(5){background:transparent;padding:24px 0 32px}.price h4{font-size:24px}.price a{margin-top:16px}#team article h3{font-size:36px;margin-top:24px}#team article p:first-of-type{font-size:20px}#team article p+p{margin-top:16px;max-width:32ch}#contacts{align-items:start;grid-template-rows:auto auto 1fr;row-gap:16px}#contacts p{margin:0}#contacts .placeholder{align-self:stretch}#booking{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:16px 64px;background:#ededed;padding:48px;margin-top:64px;margin-bottom:64px;border:0}#booking h2{grid-column:1;grid-row:1/span 2;margin:0;font-size:44px}#booking>*:not(h2){grid-column:2}#booking #chosen{margin-top:16px;padding-top:24px;margin-bottom:16px}#booking>p:last-child{margin-top:8px}#booking>a{margin-top:0}footer{border-top:1px solid var(--line)}
@media(min-width:1200px){.week{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:768px){.week{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1023px){.week{grid-template-columns:repeat(2,minmax(0,1fr))}#booking{gap:24px 32px;padding:32px}#booking h2{font-size:36px}}
@media(max-width:767px){:root{--section:64px}#home{grid-template-columns:1fr;gap:24px}.hero-meta,#home .hero{grid-column:1}.logo-placeholder{min-height:112px;margin:0;max-width:280px}.logo-placeholder span{font-size:28px}#home .hero{aspect-ratio:4/5}.placeholder:before{left:16px}#directions .three{gap:32px}#directions .three h3{font-size:36px;margin-bottom:12px}#directions aside{grid-template-columns:1fr;padding-top:32px}#studio{grid-template-columns:1fr;gap:24px}#studio>.three{grid-column:1;margin-top:8px}#studio .lead{font-size:20px}#team article h3{font-size:30px}#booking{display:block;padding:24px;margin-block:40px}#booking h2{font-size:32px;margin-bottom:24px}#booking>a{margin-top:12px}#booking #chosen{margin-top:24px}#booking>p:last-child{margin-top:24px}}
@media(max-width:479px){.week{grid-template-columns:1fr}.day{padding:20px}.day>h4{min-height:0;font-size:20px}.lesson p{font-size:16px}.lesson p:first-child{font-size:24px}.lesson button{font-size:14px}.price h4{min-height:0}.price p:has(strong){font-size:36px}}


@media(min-width:480px) and (max-width:767px){.week{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:479px){.week{grid-template-columns:1fr}}
.day{min-width:0}.day>h4{overflow-wrap:normal}


#studio{min-width:0}#studio>*{min-width:0}@media(max-width:767px){#studio{grid-template-columns:minmax(0,1fr)}}