/* Atelier phone interface: shared across the public pages. */
.at-app-shell,.at-app-menu{display:none}
@media(max-width:767px){
html:has(body.at-app-ready){scroll-padding-top:88px}
body.at-app-ready{--app-gold:#c9ad84;--app-line:#ffffff1c;padding-top:calc(68px + env(safe-area-inset-top))!important;padding-bottom:calc(76px + env(safe-area-inset-bottom))!important;overflow-x:hidden;background:#14120f;-webkit-text-size-adjust:100%}
body.at-app-ready>header,body.at-app-ready>#mobile-menu{display:none!important}
body.at-app-ready.at-app-menu-open{overflow:hidden!important}
.at-app-shell,.at-app-menu,.at-app-shell *,.at-app-menu *{box-sizing:border-box}
.at-app-shell{font-family:Arial,Helvetica,sans-serif;color:#eee6d8}
.at-app-top{position:fixed!important;inset:0 0 auto;z-index:1000;display:flex;align-items:center;justify-content:space-between;height:calc(68px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 18px 0;background:#14120ff2;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--app-line)}
.at-app-brand{display:flex;align-items:center;gap:10px;color:#eee6d8;text-decoration:none;min-height:44px}
.at-app-symbol{display:block;position:relative;width:29px;height:33px;overflow:hidden;flex-shrink:0}
.at-app-symbol img{position:absolute;width:29px!important;height:46.4px!important;max-width:none!important;top:-13.92px;left:0;object-fit:fill!important;margin:0!important}
.at-app-brand strong{display:block;font:400 20px/1 Georgia,serif;letter-spacing:3.2px}
.at-app-brand small{display:block;margin-top:5px;font:7px/1 Arial,sans-serif;letter-spacing:3.1px;text-align:center}
.at-app-actions{display:flex;align-items:center;gap:12px}
.at-app-language{display:flex;align-items:center;gap:2px}
.at-app-language a{display:flex;align-items:center;justify-content:center;min-width:30px;min-height:44px;padding:0;font:10px/1 Arial,sans-serif;color:#999182;text-decoration:none}
.at-app-language a[aria-current=page]{color:#e9d4b5;text-decoration:underline;text-underline-offset:7px}
.at-app-icon-button{display:flex;align-items:center;justify-content:center;min-width:42px;min-height:42px;padding:8px;border:1px solid #ffffff24;border-radius:12px;background:none;color:#e9dfcf}
.at-app-shell svg,.at-app-menu svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.at-app-bottom{position:fixed!important;inset:auto 0 0;z-index:1000;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;min-height:72px;padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:#171410f5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid #ffffff1a;box-shadow:0 -8px 24px #0002}
.at-app-bottom a,.at-app-bottom button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:50px;padding:5px 2px;border:0;border-radius:12px;background:none;color:#a79d8d;text-decoration:none;font:10px/1.2 Arial,Helvetica,sans-serif;letter-spacing:0;text-align:center;cursor:pointer}
.at-app-bottom [aria-current=page]{color:#ebd2aa;background:#c8a56b15}
.at-app-bottom a:active,.at-app-bottom button:active,.at-app-icon-button:active{background:#c8a56b20;transform:scale(.97)}
.at-app-shell :is(a,button):focus-visible,.at-app-menu :is(a,button):focus-visible{outline:2px solid #c9ad84;outline-offset:2px}
body.at-app-ready dialog.at-app-menu[open]{display:flex!important;flex-direction:column;position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:100dvh;margin:0;padding:calc(20px + env(safe-area-inset-top)) 24px calc(24px + env(safe-area-inset-bottom));border:0;background:#171410;color:#e8dfce;overflow-y:auto;overscroll-behavior:contain;z-index:2000}
.at-app-menu::backdrop{background:#0009}
.at-app-menu-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid #ffffff20}
.at-app-menu-head p{margin:0;font:10px/1.5 Arial,sans-serif;letter-spacing:.23em;color:#c9ad84}
.at-app-menu nav{display:flex;flex-direction:column;gap:0;margin-top:12px;color:inherit}
.at-app-menu nav a{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:62px;padding:16px 0;border-bottom:1px solid #ffffff13;color:inherit;text-decoration:none;font:26px/1.15 Georgia,serif;letter-spacing:-.025em}
.at-app-menu nav a small{font:10px/1.4 Arial,sans-serif;letter-spacing:.1em;color:#9d907d}
.at-app-menu nav a[aria-current=page]{color:#d5b98e}
.at-app-menu-contact{display:flex;gap:12px;padding-top:28px;margin-top:auto}
.at-app-menu-contact a{display:flex;align-items:center;justify-content:center;min-height:48px;flex:1;border:1px solid #b79a7066;border-radius:12px;text-decoration:none;color:#ddc5a2;font:12px/1.4 Arial,sans-serif}
.at-app-menu-foot{margin:18px 0 0;font:10px/1.6 Arial,sans-serif;color:#8e8474;letter-spacing:.04em}
body.at-app-ready .hero{height:calc(100svh - 140px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;min-height:540px!important;max-height:none!important}
body.at-app-ready .hero .hero-copy{padding:clamp(105px,18svh,170px) 24px 115px!important;max-width:100%}
body.at-app-ready .hero .hero-copy h1{font-size:clamp(37px,10.4vw,50px)!important;line-height:1.08!important}
body.at-app-ready .hero .hero-copy .eyebrow{font-size:8px!important;letter-spacing:.15em;max-width:310px;margin-bottom:30px}
body.at-app-ready .hero .hero-description{font-size:12px!important;line-height:1.8;margin-top:28px}
body.at-app-ready .hero .hero-bottom{left:24px;bottom:20px;right:auto}
body.at-app-ready .hero .hero-bottom a{display:flex;align-items:center;justify-content:center;width:44px;height:44px}
body.at-app-ready .hero-memory-film figcaption{right:24px!important;bottom:24px!important}
body.at-app-ready #hero-film-toggle{min-height:44px;min-width:64px}
body.at-app-ready .section{padding:64px 24px}
body.at-app-ready .manifesto{gap:8px;padding-top:66px;padding-bottom:66px}
body.at-app-ready .manifesto-bottom{gap:24px;margin-top:32px}
body.at-app-ready .manifesto-bottom p,body.at-app-ready .featured-copy>p:not(.eyebrow):not(.small-serif),body.at-app-ready .joinery p:not(.eyebrow),body.at-app-ready .architects p:not(.eyebrow){font-size:14px;line-height:1.85}
body.at-app-ready .featured-image{min-height:350px}
body.at-app-ready .featured-copy{padding:42px 24px}
body.at-app-ready .featured-copy h2{font-size:62px}
body.at-app-ready .material-study{padding:56px 24px}
body.at-app-ready .detail-controls button{min-height:44px;font-size:11px;padding:8px 0}
body.at-app-ready .detail-window{height:320px;border-radius:12px;overflow:hidden}
body.at-app-ready .joinery h2,body.at-app-ready .architects h2{font-size:42px}
body.at-app-ready .line-link{min-height:44px;font-size:12px}
body.at-app-ready #eserler .section-heading{gap:22px;margin-bottom:28px}
body.at-app-ready #eserler .section-heading h2{font-size:41px}
body.at-app-ready #eserler .table-cover-marquee{overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}
body.at-app-ready #eserler .table-cover-marquee::-webkit-scrollbar{display:none}
body.at-app-ready #eserler .table-cover-card{width:78vw;flex-basis:78vw}
body.at-app-ready #eserler .table-cover-card>div{border-radius:12px}
body.at-app-ready #eserler .table-cover-pause{min-height:44px;margin-top:10px;font-size:10px}
body.at-app-ready #eserler>.line-link{margin-top:20px!important}
body.at-app-ready #eserler:has(+ #mimarlar){padding-bottom:22px}
body.at-app-ready #eserler+#mimarlar{padding-top:32px}
body.at-app-ready .architect-questions details summary{min-height:54px}
body.at-app-ready footer{padding:40px 24px}
body.at-app-ready dialog#modal{width:calc(100% - 24px);max-width:540px;max-height:calc(100dvh - 28px);padding:24px;border:1px solid #514331;border-radius:20px;overscroll-behavior:contain}
body.at-app-ready dialog#modal .close{min-width:44px;min-height:44px}
body.at-app-ready dialog#modal h2{font-size:38px}
body.at-app-ready dialog#modal p{font-size:13px;line-height:1.7}
body.at-app-ready :is(input,textarea,select){font-size:16px!important;min-height:48px;border-radius:10px}
body.at-app-ready :is(input[type=checkbox],input[type=radio]){min-height:0}
body.at-app-ready #brief button[type=submit]{min-height:50px;border-radius:10px}
body.at-app-ready .collection-cover{scroll-margin-top:88px}
body.at-app-ready .cover-copy h2{font-size:clamp(42px,11vw,58px)}
body.at-app-ready .cover-photo{border-radius:12px;overflow:hidden}
body.at-app-ready .cover-link{min-height:44px;display:inline-flex;align-items:center}
body.at-app-ready :is(.card-swatches button,.finish-options button){min-width:38px;min-height:38px}
body.at-app-ready .catalog-pagination{flex-wrap:wrap;gap:8px}
body.at-app-ready .catalog-pagination a{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px}
}
@media(max-width:360px){body.at-app-ready .hero .hero-copy h1{font-size:36px!important}.at-app-top{padding-left:14px;padding-right:14px}.at-app-brand strong{font-size:18px}.at-app-actions{gap:7px}.at-app-language a{min-width:27px}.at-app-bottom a,.at-app-bottom button{font-size:9px}}
@media(prefers-reduced-motion:reduce){.at-app-shell *{transition:none!important}}

@media(max-width:767px){body.at-app-ready #photo-dialog button{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}body.at-app-ready .at-app-language a{min-width:32px}}