/* Refined C direction. Shared prototypes A and B do not load this stylesheet. */
body[data-concept=c]{--muted:#b9c0bb;-webkit-font-smoothing:antialiased}
::selection{background:#dec698;color:#1b2223}
[hidden]{display:none!important}
svg{stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.fine-rule{display:block;width:42px;height:1px;background:var(--accent)}
[data-concept=c] .work{padding-top:28px;padding-bottom:65px}
.section-caption{display:flex;align-items:center;justify-content:space-between;gap:24px}
.section-caption>span{display:flex;align-items:center;gap:15px;font-size:10px;letter-spacing:.1em;color:var(--muted)}
.section-caption i{width:30px;height:1px;background:currentColor;opacity:.5}
.work-intro{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:70px;margin:55px 0 70px}
.work-intro h2{font-size:clamp(60px,6.5vw,100px);line-height:1.03;letter-spacing:-.035em}
.work-intro h2 em{color:var(--accent)}
.work-note{padding-bottom:7px;max-width:350px;justify-self:end}
.work-note p{font-size:15px;line-height:1.85;margin-top:23px}
.editorial-note{display:block;margin-top:20px;font-size:11px;line-height:1.8;color:var(--muted)}
[data-concept=c] .project-info h3{font-family:Cormorant,Georgia,serif;font-size:clamp(36px,3.2vw,46px);font-weight:400;font-style:normal;line-height:1.08;letter-spacing:-.02em;text-transform:none;text-wrap:balance;max-width:460px}
[data-concept=c] .project-booking .project-info p:not(.eyebrow){max-width:330px}
[data-concept=c] .project-info .eyebrow{line-height:1.9;color:var(--muted)}
[data-concept=c] .browserline>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
[data-concept=c] .project:last-child{margin-bottom:0}
.atelier-services{--ink:#28332e;--muted:#636c62;--accent:#816745;--line:#cecbbb;background:#e8e5da;color:var(--ink);padding:42px 0 45px;border-top:1px solid #c7c8b9;border-bottom:1px solid #c7c8b9}
.services-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:70px;align-items:end;margin:48px 0}
.services-intro h2{font-size:clamp(54px,5.5vw,82px);line-height:1.06}
.services-intro h2 em{color:#687264}
.services-intro>p{font-size:13px;line-height:1.9;justify-self:end;max-width:270px;padding-bottom:5px;color:var(--muted)}
.atelier-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.atelier-service{min-width:0;background:#f3f0e8;border:1px solid #d1cfbf;border-radius:5px;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s,border-color .3s,box-shadow .3s}
.service-visual{position:relative;padding:20px 35px;background:#dcded1;border-bottom:1px solid #d1cfbf;height:172px;display:flex;align-items:center;justify-content:center}
.atelier-service:nth-child(2) .service-visual{background:#e5dccf}
.atelier-service:nth-child(3) .service-visual{background:#d3ddd5}
.service-visual>span{position:absolute;top:17px;left:20px;font-size:10px;color:#5f685b}
.service-visual svg{height:140px;width:210px;max-width:100%;color:#7b8978;stroke-width:1}
.service-visual .drawing-accent{stroke:#866a45;stroke-width:1.8}
.service-copy{padding:27px;display:flex;flex-direction:column;flex:1}
.service-subtitle{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#696c60}
.service-copy h3{font-family:Cormorant,Georgia,serif;font-size:clamp(28px,2.8vw,42px);font-weight:500;line-height:1.08;margin:18px 0 19px;min-height:2.16em}
.service-description{font-size:12px;line-height:1.9;color:#5d655c}
.service-action{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:11px;border-top:1px solid #d5d3c6;padding-top:20px;margin-top:auto}
.service-description{padding-bottom:30px}
.round-arrow{width:34px;height:34px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;flex-shrink:0}
.round-arrow svg{width:13px;height:13px;transition:transform .25s}
.atelier-scope{position:relative;padding-left:30px;font-size:11px;line-height:1.9;color:#63695f;margin-top:30px}
.scope-mark{position:absolute;left:0;top:2px;width:20px;height:20px;color:#816745}
[data-concept=c] .process{border-top:0;padding-top:95px;padding-bottom:95px;gap:90px}
[data-concept=c] .process h2{font-size:clamp(48px,5vw,72px)}
[data-concept=c] .steps article{padding:25px 0 28px}
[data-concept=c] .steps article:first-child{padding-top:0}
[data-concept=c] .steps article>span{color:var(--accent);font-size:9px;letter-spacing:.13em}
[data-concept=c] .steps h3{font-family:Cormorant,Georgia,serif;font-size:34px;font-weight:500}
[data-concept=c] .atelier-contact{background:#242f2c;padding:80px 0;border-top:1px solid #43504a}
[data-concept=c] .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,100px);align-items:start}
[data-concept=c] .contact h2{font-size:clamp(56px,5.7vw,86px);margin:30px 0;line-height:1.04}
.contact-copy{padding-top:12px;min-width:0}
.atelier-channels{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:35px}
.atelier-channels a{display:flex;align-items:center;gap:13px;border:1px solid #5a665b;background:#303d35;padding:21px 17px;border-radius:5px;transition:background .25s,border-color .25s,transform .25s;min-width:0}
.atelier-channels a>svg:last-child{width:14px;height:14px;flex-shrink:0;margin-left:auto;color:var(--accent);transition:transform .25s}
.atelier-channels .channel-icon{width:25px;height:25px;flex-shrink:0;color:var(--accent)}
.atelier-channels strong{font-size:14px;font-weight:500;display:block}
.atelier-channels small{font-size:10px;display:block;color:#bec5ba;margin-top:3px}
.atelier-channels .phone-channel{grid-column:1/-1;background:#28352e;padding:18px 20px}
.phone-channel strong{font-size:18px;letter-spacing:.015em}
.phone-channel small{margin-top:0;margin-bottom:4px}
.contact-signature{display:flex;gap:17px;align-items:center;border-top:1px solid #48554a;margin-top:32px;padding-top:25px;font-size:12px}
.signature-monogram{font:italic 36px/1 Cormorant,Georgia,serif;letter-spacing:-.1em;color:var(--accent);padding-right:5px}
.contact-signature small{display:block;font-size:9px;color:var(--muted);margin-top:5px;letter-spacing:.02em}
[data-concept=c] form.atelier-form{--ink:#28332e;--muted:#6a7166;--accent:#80653f;background:#eeece2;color:var(--ink);padding:35px;border:1px solid #d4d0bf;border-radius:7px;box-shadow:0 22px 70px #0c171825;margin:0}
.form-heading{margin-bottom:27px}
.form-heading .eyebrow{font-size:8px;color:#6a7166}
.form-heading h3{font:500 40px/1.05 Cormorant,Georgia,serif;margin-top:10px}
.atelier-form label{font-size:11px;margin-bottom:19px;line-height:1.5}
.atelier-form input,.atelier-form textarea{padding:14px 15px;border:1px solid #c9caba;background:#faf9f3;border-radius:4px;color:#25312a;font-size:13px;line-height:1.6;margin-top:8px;min-height:49px;caret-color:#80653f;transition:border-color .2s,box-shadow .2s,background .2s;cursor:text}
.atelier-form textarea{min-height:125px;resize:vertical}
.atelier-form input::placeholder,.atelier-form textarea::placeholder{color:#7b8175;opacity:1}
.atelier-form input:focus,.atelier-form textarea:focus{outline:none;border-color:#987f54;background:#fffdf6;box-shadow:0 0 0 3px #ab956221}
.atelier-form label:focus-within{color:#715934}
[data-concept=c] .atelier-form .primary{width:100%;border-radius:4px;background:#33463a;border-color:#33463a;color:#f5f2e7;padding:13px 16px 13px 21px;font-size:12px;min-height:58px;transition:background .25s,box-shadow .25s}
.atelier-form .primary .round-arrow{width:30px;height:30px;color:#dec698}
.atelier-form .preview-note{font-size:9px;line-height:1.7;margin:17px 0 0;color:#6a7166}
.atelier-form #form-result{margin:0;font-size:11px;line-height:1.8}
.atelier-form #form-result:not(:empty){margin-top:17px;border-top:1px solid #c9caba;padding-top:15px;color:#38523a}
.atelier-back-top{position:fixed;right:22px;bottom:24px;z-index:20;width:46px;height:46px;display:grid;place-items:center;border:1px solid #aa956c;background:#26352eee;color:#e5d0a2;border-radius:50%;box-shadow:0 5px 24px #111b1733;transition:transform .25s,background .25s}
.atelier-back-top svg{width:21px;height:21px}
[data-concept=c] .footer{border-top:1px solid var(--line)}
@media(hover:hover) and (pointer:fine){
 .atelier-service:hover{transform:translateY(-4px);border-color:#a9af98;box-shadow:0 12px 30px #344a3212}
 .service-action:hover .round-arrow svg,.atelier-form .primary:hover svg{transform:translate(2px,-2px)}
 .atelier-channels a:hover{background:#3e4c3b;border-color:#b4aa84;transform:translateY(-2px)}
 .atelier-channels a:hover>svg:last-child{transform:translate(2px,-2px)}
 [data-concept=c] .atelier-form .primary:hover{background:#455a44;box-shadow:0 7px 18px #344a3220}
 .atelier-back-top:hover{transform:translateY(-3px);background:#3c4b39}
}
@media(max-width:1100px){
 .work-intro,.services-intro{gap:35px}
 .service-copy{padding:22px}
 .atelier-channels{grid-template-columns:1fr}
 .atelier-channels .phone-channel{grid-column:auto}
 [data-concept=c] form.atelier-form{padding:28px}
}
@media(max-width:800px){
 .work-intro{grid-template-columns:1.3fr 1fr;gap:25px}
 .work-intro h2{font-size:65px}
 .work-note p{font-size:12px}.editorial-note{font-size:10px}
 .atelier-service-grid{grid-template-columns:1fr;gap:16px}
 .atelier-service{display:grid;grid-template-columns:180px 1fr}
 .service-visual{height:100%;border-bottom:0;border-right:1px solid #d1cfbf;padding:25px 10px;min-height:245px}
 .service-copy h3{min-height:0;font-size:34px;margin:13px 0}.service-description{padding-bottom:20px}
 .services-intro h2{font-size:54px}.services-intro>p{font-size:11px}
 [data-concept=c] .contact-grid{grid-template-columns:1fr;gap:38px}
 .contact-copy{display:flex;flex-direction:column}
 .contact-copy .contact-signature{border-top:0;padding-top:0;margin-top:24px;justify-content:center;text-align:center}
 .contact-copy .atelier-channels{order:1;margin-top:24px}
 .atelier-channels{grid-template-columns:1fr 1fr}.atelier-channels .phone-channel{grid-column:1/-1}
 [data-concept=c] .contact h2{font-size:72px}
 [data-concept=c] .process{gap:40px}
}
@media(max-width:680px){
 .section-caption{gap:10px}.section-caption .eyebrow{font-size:8px}.section-caption>span{font-size:8px;gap:9px}.section-caption i{width:18px}
 [data-concept=c] .work{padding-top:22px;padding-bottom:48px}
 .work-intro{display:block;margin:33px 0 40px}.work-intro h2{font-size:clamp(49px,12vw,76px)}
 .work-note{display:grid;grid-template-columns:26px 1fr;gap:0 15px;margin-top:25px;max-width:none;padding:0}
 .work-note .fine-rule{width:26px;margin-top:11px}.work-note p{margin:0;font-size:12px}.editorial-note{grid-column:2;margin-top:12px;font-size:10px}
 [data-concept=c] .project-info h3{font-size:35px}
 .atelier-services{padding:28px 0 32px}.services-intro{display:block;margin:32px 0 28px}.services-intro h2{font-size:clamp(43px,10.7vw,65px)}.services-intro>p{font-size:12px;margin-top:22px;max-width:270px}.services-intro>p br{display:none}
 .atelier-service{display:flex}.service-visual{height:140px;min-height:0;border-right:0;border-bottom:1px solid #d1cfbf;padding:12px 30px}.service-visual svg{height:120px}
 .service-copy{padding:24px}.service-copy h3{font-size:35px;max-width:310px;margin:16px 0}.service-subtitle{font-size:8px}.service-description{font-size:12px}
 .atelier-scope{font-size:10px;margin-top:25px}.atelier-scope br{display:none}
 [data-concept=c] .process{padding-top:54px;padding-bottom:55px}[data-concept=c] .steps article:first-child{padding-top:16px}[data-concept=c] .steps h3{font-size:30px}
 [data-concept=c] .atelier-contact{padding:43px 0 40px}[data-concept=c] .contact h2{font-size:clamp(53px,13vw,72px);margin:25px 0}.contact-copy{padding:0}
 .atelier-channels{gap:10px;margin-top:27px}.atelier-channels a{padding:17px 13px;gap:10px}.atelier-channels .channel-icon{width:22px;height:22px}.atelier-channels strong{font-size:12px}.atelier-channels small{font-size:9px}.atelier-channels a>svg:last-child{width:12px;height:12px}.atelier-channels .phone-channel{padding:16px}.phone-channel strong{font-size:17px}
 .contact-signature{margin-top:25px;padding-top:20px}
 [data-concept=c] form.atelier-form{padding:25px 20px}.form-heading h3{font-size:37px}.atelier-form input,.atelier-form textarea{font-size:16px;padding:12px}.atelier-form textarea{min-height:150px}.atelier-form label{font-size:11px}
 .atelier-back-top{width:36px;height:36px;right:5px;bottom:14px}.atelier-back-top svg{width:18px}
}
@media(max-width:380px){.atelier-channels{grid-template-columns:1fr}.atelier-channels .phone-channel{grid-column:auto}.atelier-channels strong{font-size:14px}.phone-channel strong{font-size:16px}.work-intro h2{font-size:47px}[data-concept=c] .project-info h3{font-size:32px}}
/* Identity and a tighter editorial rhythm for the selected direction. */
[data-concept=c] .header{display:grid;grid-template-columns:1fr auto 1fr;gap:30px;min-height:116px;border-bottom:1px solid #45504a}
[data-concept=c] .atelier-logo{display:inline-flex;align-items:center;gap:14px;width:fit-content;line-height:1}
[data-concept=c] .atelier-logo:focus-visible{outline:none}
[data-concept=c] .atelier-logo:focus-visible .brand-symbol{background:#dec698;color:#1b2922;border-radius:13px;box-shadow:0 0 0 2px #dec698}
[data-concept=c] .atelier-logo:focus-visible .brand-frame{opacity:1}
.brand-symbol{width:52px;height:52px;flex-shrink:0;color:var(--accent);stroke-width:1.65}
.brand-symbol .brand-frame{stroke-width:.8;opacity:.6}
[data-concept=c] .atelier-logo .brand-wordmark{display:flex;flex-direction:column;gap:7px;font-family:Cormorant,Georgia,serif;line-height:1}
.brand-wordmark strong{font-size:29px;font-weight:600;letter-spacing:.065em}
.brand-wordmark small{font:500 9px/1 Manrope,Arial,sans-serif;letter-spacing:.43em;color:var(--accent)}
[data-concept=c] .atelier-nav{display:flex;justify-self:center;gap:4px;padding:5px;border:1px solid #465049;background:#222c29;border-radius:40px}
.language-switch{display:flex;justify-self:end;align-items:center;gap:3px;padding:4px;border:1px solid #85836a;border-radius:30px;background:#222c29}
.language-switch a{display:grid;place-items:center;min-width:44px;min-height:40px;padding:8px 10px;border-radius:24px;font:600 11px/1 Manrope,Arial,sans-serif;letter-spacing:.07em;color:#c6ccbf;transition:background .2s,color .2s}
.language-switch a:hover{background:#354239;color:#f3dfb6}
.language-switch a[aria-current]{background:var(--accent);color:#24342a;box-shadow:0 2px 8px #0002}
.language-switch a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
.atelier-nav a{display:flex;align-items:center;gap:8px;min-height:42px;padding:10px 21px;border-radius:30px;font-size:12px;transition:background .2s,color .2s}
.atelier-nav a:hover,.atelier-nav a:focus-visible{background:#354239;color:#f3dfb6}
.atelier-nav a[aria-current=location]{background:#dec698;color:#24342a}
[data-concept=c] .header-contact{justify-self:end;border-color:#7a7e66;padding:14px 19px;white-space:nowrap;font-size:11px;transition:background .2s,border-color .2s}
[data-concept=c] .header-contact:hover{background:#354239;border-color:var(--accent)}
.work-intro,.services-intro{display:block;margin:34px 0 40px}
.work-intro h2,.services-intro h2{font-size:clamp(50px,5.1vw,80px);line-height:1.08;text-wrap:balance}
.work-intro h2 em,.services-intro h2 em{white-space:nowrap}
.work-note{display:block;justify-self:start;width:100%;max-width:780px;padding:0;margin:19px 0 0}
.work-note p,.services-intro>p{font-size:16px;line-height:1.7;margin:0;max-width:780px;padding:0;justify-self:auto}
.services-intro>p{margin-top:19px}
.atelier-service{cursor:pointer}
.atelier-service:focus-visible{outline:2px solid #80653f;outline-offset:5px;border-color:#80653f}
.service-action{min-height:46px;font-weight:600;font-size:11px}
.service-action-line{width:24px;height:1px;background:#8c8f78;transition:width .25s,background .25s}
.atelier-service:hover .service-action-line,.atelier-service:focus-visible .service-action-line{width:40px;background:#796440}
[data-concept=c] .contact h2{font-size:clamp(48px,4.7vw,72px);line-height:1.08;text-wrap:balance}
.contact-signature strong{display:block;font:500 28px/1.2 Cormorant,Georgia,serif;margin-top:7px}
.contact-signature small{margin-top:0;font-size:10px;color:var(--muted)}
[data-concept=c] .project-info{align-items:baseline}
[data-concept=c] .project-number{padding-top:0;line-height:1.9}
@media(min-width:681px){
 [data-concept=c] .three-projects{margin-top:0;min-height:0}
 .three-projects .screen-back{top:3%}
 .three-projects .screen-booking{top:16%}
 .three-projects .screen-front{top:29%}
}
.atelier-process{padding-block:54px 58px}
.process-opening{margin:32px 0 32px}
.process-opening h2{font-size:clamp(48px,5.1vw,76px);line-height:1.08;text-wrap:balance}
.process-opening h2 em{color:var(--accent);white-space:nowrap}
.process-opening>p{font-size:15px;line-height:1.85;max-width:840px;margin-top:21px;color:var(--muted)}
.process-journey{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #465149;border-radius:7px;background:#222d28;overflow:hidden}
.process-journey li{display:flex;flex-direction:column;min-width:0;padding:26px 29px 23px;position:relative}
.process-journey li+li{border-left:1px solid #465149}
.journey-marker{display:flex;align-items:center;gap:12px;margin-bottom:25px;color:var(--accent)}
.journey-marker>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid #7d8166;border-radius:50%;font:500 13px/1 Manrope,Arial,sans-serif;flex-shrink:0}
.journey-marker small{font-size:9px;letter-spacing:.09em;text-transform:uppercase}
.process-journey h3{font:500 clamp(28px,2.8vw,40px)/1.08 Cormorant,Georgia,serif;margin-bottom:18px;min-height:2.16em;text-wrap:balance}
.process-journey p{font-size:13px;line-height:1.85;color:#c3c9bd;margin-bottom:24px}
.journey-result{border-top:1px solid #465149;padding-top:16px;margin-top:auto;font-size:10px;color:#d9c89f}
.process-invitation{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #465149;padding:23px 0 0}
.process-invitation p{font:italic 29px/1.2 Cormorant,Georgia,serif}
.process-invitation .underlink{border:0;padding:12px 0;gap:16px;white-space:nowrap}
.process-invitation svg{width:16px;height:16px;color:var(--accent)}
[data-concept=c] .footer .atelier-logo{margin-right:auto}
[data-concept=c] .footer .brand-symbol{width:39px;height:39px}
[data-concept=c] .footer .brand-wordmark strong{font-size:24px}
[data-concept=c] .footer .brand-wordmark small{font-size:7px}
@media(max-width:1100px){
 [data-concept=c] .header{gap:20px;padding-block:23px 17px}
 .process-journey li{padding:23px 21px}
 .process-journey p{font-size:12px}
}
@media(max-width:800px){
 [data-concept=c] .header{grid-template-columns:1fr auto}
 [data-concept=c] .header>.atelier-logo{grid-column:1;grid-row:1}
 .language-switch{grid-column:2;grid-row:1}
 [data-concept=c] .atelier-nav{grid-column:1/-1;grid-row:2;width:100%;max-width:470px;justify-content:space-between}
 .atelier-nav a{flex:1;justify-content:center}
 .work-intro,.services-intro{margin:30px 0 33px}
 .work-intro h2,.services-intro h2{font-size:clamp(46px,7vw,60px)}
 .process-journey{grid-template-columns:1fr}
 .process-journey li{display:grid;grid-template-columns:175px 1fr;gap:0 22px;padding:25px}
 .process-journey li+li{border-left:0;border-top:1px solid #465149}
 .journey-marker{grid-column:1;margin-bottom:16px}
 .process-journey h3{grid-column:1;min-height:0;font-size:31px;margin:0}
 .process-journey p{grid-column:2;grid-row:1/3;margin:0;font-size:13px}
 .journey-result{grid-column:1/-1;margin-top:20px}
 .process-invitation p{font-size:25px}
}
@media(max-width:680px){
 [data-concept=c] .header{grid-template-columns:1fr auto;gap:20px 10px;padding-block:22px 16px}
 [data-concept=c] .header>.atelier-logo{justify-self:start}
 .language-switch{padding:3px;gap:1px}
 .language-switch a{min-width:36px;min-height:38px;padding:8px;font-size:10px}
 [data-concept=c] .atelier-nav{grid-row:2;justify-self:stretch;width:100%;justify-content:space-between}
 .atelier-nav a{flex:1;justify-content:center}
 [data-concept=c] .atelier-logo{gap:9px}
 [data-concept=c] .atelier-logo .brand-wordmark{gap:6px}
 .brand-symbol{width:39px;height:39px}.brand-wordmark strong{font-size:23px;letter-spacing:.03em}.brand-wordmark small{font-size:7px;letter-spacing:.34em}
 [data-concept=c] .header-contact{max-width:none;font-size:9px;padding:11px 13px}.header-contact span{margin-left:9px}
 [data-concept=c] .atelier-nav{max-width:none;padding:4px;gap:2px}.atelier-nav a{font-size:11px;padding:10px;min-height:38px;gap:7px}
 .work-intro,.services-intro{margin:27px 0 30px}
 .work-intro h2,.services-intro h2{font-size:clamp(39px,11.7vw,63px);text-wrap:initial}
 .work-note{margin-top:17px}.work-note p,.services-intro>p{font-size:13px;line-height:1.75}.services-intro>p{margin-top:17px;max-width:390px}
 [data-concept=c] .contact h2{font-size:clamp(43px,11.5vw,65px);text-wrap:initial}
 .atelier-process{padding-block:37px 40px}.process-opening{margin:25px 0}
 .process-opening h2{font-size:clamp(40px,11vw,59px);text-wrap:initial}.process-opening h2 em{display:inline-block;white-space:normal}
 .process-opening>p{font-size:13px;line-height:1.85;margin-top:20px}
 .process-journey li{display:flex;gap:0;padding:24px 22px}.journey-marker{margin-bottom:19px}.process-journey h3{font-size:35px;margin-bottom:17px;max-width:340px;text-wrap:initial}.process-journey p{font-size:13px}.journey-result{margin-top:20px;line-height:1.7}
 .process-invitation{display:block;padding-top:23px}.process-invitation p{font-size:27px;max-width:300px}.process-invitation .underlink{margin-top:10px}
}
@media(max-width:380px){
 .brand-symbol{width:34px;height:34px}.brand-wordmark strong{font-size:20px}.brand-wordmark small{font-size:6px}
 [data-concept=c] .header-contact{padding:10px;font-size:8px}.header-contact span{margin-left:6px}
 .work-intro h2,.services-intro h2{font-size:38px}
 [data-concept=c] .contact h2{font-size:43px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}
/* A composed, upright opening for phones; icons remain vectors on iOS. */
@media(min-width:681px) and (hover:hover) and (pointer:fine){
 .three-projects{perspective:2200px;transform-style:preserve-3d}
 .three-projects .screen-back{--rest-rotation:6deg;--rest-depth:0px}
 .three-projects .screen-booking{--rest-rotation:-6deg;--rest-depth:8px}
 .three-projects .screen-front{--rest-rotation:4deg;--rest-depth:16px}
 /* One opaque element per project, moving in depth instead of fading copies. */
 .three-projects .floating-screen,.three-projects .floating-screen:hover,.three-projects .floating-screen:focus-visible{opacity:1;z-index:auto;transform:translate3d(0,0,var(--rest-depth)) rotateY(0deg) rotateZ(var(--rest-rotation));transition:transform .5s cubic-bezier(.4,0,.2,1);backface-visibility:hidden}
 .three-projects .floating-screen.is-gallery-active{transform:translate3d(0,-7px,60px) rotateY(-4deg) rotateZ(0deg)}
}
@media(min-width:681px){
 [data-concept=c] .header .symbol-monogram{width:58px;height:58px;margin-left:-6px}
 [data-concept=c] .footer .symbol-monogram{width:48px;height:48px;margin-left:-5px}
}
@media(max-width:680px){
 [data-concept=c] .header .symbol-monogram{width:46px;height:46px;margin-left:-5px}
 [data-concept=c] .footer .symbol-monogram{width:48px;height:48px;margin-left:-5px}
 [data-concept=c] .header-contact .ui-icon{width:12px;height:12px;margin-left:7px}
 [data-concept=c] .hero{padding-top:31px;padding-bottom:34px;gap:0}
 .c-hero-copy{text-align:center}
 .c-hero-copy>.eyebrow{max-width:290px;margin-inline:auto;font-size:8px;line-height:1.8;letter-spacing:.12em;text-wrap:balance}
 .c-hero-copy .tiny-dot{display:none}
 [data-concept=c] .hero h1{font-size:clamp(42px,12.8vw,78px);font-weight:400;line-height:1.04;letter-spacing:-.025em;margin:25px 0 22px}
 [data-concept=c] .hero h1 em{font-style:normal;white-space:nowrap}
 .c-lead{font-size:11px;line-height:1.85;max-width:360px;margin-inline:auto;text-wrap:balance}
 [data-concept=c] .hero .actions{justify-content:center;gap:16px;margin-top:25px;flex-wrap:nowrap}
 .c-hero-copy .button{padding:15px 18px;gap:16px;font-size:11px;min-height:48px}
 .c-hero-copy .underlink{font-size:11px;gap:12px;white-space:nowrap}
 .c-hero-copy .ui-icon{width:15px;height:15px}
 [data-concept=c] .three-projects{margin-top:33px;min-height:calc(51vw + 145px)}
 .three-projects .c-gallery-label{left:0;right:0;text-align:center;font-size:8px;letter-spacing:.14em}
 .three-projects .screen-back{top:30px;right:10%;transform:rotate(3deg)}
 .three-projects .screen-booking{top:75px;left:1%;transform:rotate(-3deg)}
 .three-projects .screen-front{top:120px;right:0;transform:rotate(1deg)}
 .c-gallery-caption{text-align:left;font-size:9px;line-height:1.65}
 [data-concept=c] .work-intro h2,[data-concept=c] .services-intro h2,[data-concept=c] .process-opening h2,[data-concept=c] .contact h2{font-size:clamp(38px,11.6vw,64px);font-weight:400;font-style:normal;line-height:1.04;letter-spacing:-.025em;text-align:center;text-wrap:balance}
 .work-intro h2 em,.services-intro h2 em,.process-opening h2 em,.contact h2 em{display:block;font-style:normal;white-space:normal}
 .work-note p,.services-intro>p,.process-opening>p,.contact-copy>p{text-align:center;text-wrap:pretty}
 .work-note,.services-intro>p{margin-inline:auto}
 .form-heading{text-align:center}
}
@media(max-width:380px){
 [data-concept=c] .header .symbol-monogram{width:41px;height:41px}
 [data-concept=c] .hero h1{font-size:clamp(38px,12.8vw,48px)}
 .c-hero-copy .button{padding:14px 15px;gap:12px;font-size:10px}
 .c-hero-copy .underlink{font-size:10px;gap:8px}
 [data-concept=c] .hero .actions{gap:13px}
}