@charset "UTF-8";
:root{color-scheme:light;--paper:#f5f3ed;--ink:#242421;--muted:#6b6963;--wine:#742f40;--line:#d9d6ce;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}
html{background:var(--paper);-webkit-text-size-adjust:100%}
body{margin:0;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.48' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
button,a{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible{outline:2px solid var(--wine);outline-offset:7px;border-radius:2px}
::selection{background:#742f40;color:#fff}
svg{display:block}
.page-shell{max-width:1920px;margin:auto;min-height:100svh;padding:0 4.2vw;display:flex;flex-direction:column}
.site-header{height:122px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);flex:none}
.brand{display:inline-flex;align-items:center;gap:10px}
.brand>span:first-of-type{font-size:40px;letter-spacing:-3px;font-weight:700;line-height:1}
.brand-mark{height:30px;width:30px;color:var(--wine);margin-right:3px}
.brand-period{color:var(--wine)}
.brand-group{font-size:9px;font-weight:500;letter-spacing:2px;border-left:1px solid #bcb9b0;margin:7px 0 0 12px;padding:8px 0 8px 17px}
.header-actions{display:flex;align-items:center;gap:62px}
.language-switch{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:1px}
.language-switch>span{color:#aaa69d;font-weight:400}
.language-switch button{border:0;background:none;padding:12px 4px;min-height:44px;min-width:30px;font-size:10px;letter-spacing:1px;color:var(--muted);transition:color .2s}
.language-switch button[aria-pressed="true"]{color:var(--wine);font-weight:700;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.header-contact{display:flex;align-items:center;gap:21px;font-size:13px;min-height:44px}
.header-contact svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4;transition:transform .3s}
.header-contact:hover svg{transform:translate(3px,-3px)}
.hero{flex:1;display:grid;grid-template-columns:1.03fr 1fr;align-items:center;min-height:670px;padding:62px 0 52px;column-gap:0}
.hero-copy{position:relative;z-index:2;padding-left:3.1vw}
.eyebrow{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:1.8px;margin:0 0 34px;font-weight:400}
.small-cross{font-size:20px;color:var(--wine);line-height:1}
h1{margin:0;font-weight:400;letter-spacing:-.065em;line-height:.93;font-size:clamp(90px,9.45vw,176px)}
.headline-top{display:block;white-space:nowrap}
.headline-hello{display:block;font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;font-size:1.22em;letter-spacing:-.075em;line-height:1.06;color:var(--wine);margin-left:-.025em}
.intro{margin:34px 0 28px;color:var(--muted);font-size:15px;line-height:1.75;letter-spacing:.05px}
.contact-row{display:flex;align-items:center;gap:13px;width:max-content;max-width:100%}
.email-link{display:flex;align-items:center;gap:16px;min-height:44px;font-size:16px;letter-spacing:-.3px}
.email-address{position:relative;padding:6px 0}
.email-address::after{content:"";position:absolute;bottom:2px;left:0;right:0;height:1px;background:var(--wine);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.email-link:hover .email-address::after{transform:scaleX(1)}
.contact-arrow{width:42px;height:42px;border-radius:50%;background:var(--wine);color:var(--paper);display:grid;place-items:center;transition:transform .3s,background .3s}
.contact-arrow svg{width:17px;fill:none;stroke:currentColor;stroke-width:1.4;transition:transform .3s}
.email-link:hover .contact-arrow{background:#51212e}
.email-link:hover .contact-arrow svg{transform:rotate(45deg)}
.copy-button{border:0;background:transparent;width:44px;height:44px;display:grid;place-items:center;color:#76726a;border-radius:50%;transition:background .2s,color .2s}
.copy-button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.3}
.copy-button:hover{background:#e9e5dc;color:var(--wine)}
.copy-status{font-size:11px;color:var(--wine);position:absolute;margin:10px 0 0 58px;max-width:calc(100% - 58px);line-height:1.5}
.artwork{margin:0;min-width:0;align-self:center;position:relative;padding-bottom:2px}
.sculpture-stage{position:relative;width:115%;aspect-ratio:1;margin-left:-10%;margin-top:-16px;isolation:isolate}
.artwork-halo{position:absolute;inset:11%;border-radius:50%;background:radial-gradient(ellipse,#e5d9d37a 0%,#eee6df30 45%,transparent 70%);z-index:-1}
#sculpture,.sculpture-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
#sculpture{z-index:1;opacity:0;transition:opacity .7s}
#sculpture[data-ready="true"]{opacity:1}
.sculpture-stage:has(#sculpture[data-ready="true"]) .sculpture-fallback{visibility:hidden}
.artwork-shadow{position:absolute;width:46%;height:5%;left:29%;bottom:8%;border-radius:50%;background:radial-gradient(ellipse,#4f283920,transparent 70%);filter:blur(7px);z-index:-1}
.art-caption{display:flex;align-items:center;gap:23px;border-top:1px solid var(--line);margin:0 13% 0 8%;padding-top:15px;color:var(--muted);font-size:8px;letter-spacing:1.45px;min-height:45px}
.art-index{color:var(--wine);white-space:nowrap;font-size:8px;letter-spacing:1px}
#motion-toggle{margin:-12px -10px -12px auto;background:none;border:0;width:44px;height:44px;display:grid;place-items:center;color:var(--muted);flex:none}
#motion-toggle[hidden]{display:none}
#motion-toggle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.2}
#motion-toggle .play-icon{display:none}
#motion-toggle[aria-pressed="true"] .pause-icon{display:none}
#motion-toggle[aria-pressed="true"] .play-icon{display:block}
.site-footer{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px;min-height:86px;border-top:1px solid var(--line);font-size:8px;letter-spacing:1.4px;color:var(--muted);flex:none}
.site-footer p{margin:0}
.welcome{display:flex;gap:10px;align-items:center}
.welcome-dot{width:5px;height:5px;border-radius:50%;background:var(--wine);flex:none}
.domain-note{text-align:center}
.domain-note span{margin-left:5px}
.copyright{text-align:right}
.skip-link{position:fixed;top:-80px;left:20px;z-index:20;padding:12px 18px;background:var(--wine);color:#fff;font-size:14px}
.skip-link:focus{top:15px}
@media(min-width:1600px){.hero{padding-top:70px;padding-bottom:70px}.intro{font-size:17px}.site-header{height:140px}.site-footer{min-height:100px}.eyebrow{font-size:11px}}
@media(min-width:1000px) and (max-height:820px){.site-header{height:94px}.hero{min-height:0;padding-top:20px;padding-bottom:25px}h1{font-size:min(9vw,138px)}.sculpture-stage{width:min(105%,calc(100svh - 270px));margin:0 auto;max-height:none}.eyebrow{margin-bottom:26px}.intro{margin-top:23px;margin-bottom:20px}.site-footer{min-height:69px}}
@media(max-width:999px){.page-shell{padding:0 5vw}.site-header{height:100px}.hero{min-height:620px;grid-template-columns:1.05fr 1fr;padding:60px 0}.hero-copy{padding-left:0}h1{font-size:10.5vw}.eyebrow{font-size:8px;letter-spacing:1.2px;gap:8px}.intro{font-size:13px}.sculpture-stage{width:122%;margin-left:-12%}.art-caption{margin:12px 0 0 10%;font-size:7px;letter-spacing:.9px;gap:12px}.header-actions{gap:34px}.site-footer{font-size:7px;letter-spacing:1px}.email-link{font-size:14px;gap:12px}}
@media(max-width:640px){.page-shell{padding:0 24px}.site-header{height:89px}.brand>span:first-of-type{font-size:35px}.brand-mark{width:25px;height:25px;margin-right:0}.brand{gap:7px}.brand-group{font-size:7px;letter-spacing:1.4px;padding-left:11px;margin-left:7px}.header-actions{gap:0}.header-contact{display:none}.language-switch{gap:4px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:49px 0 28px;min-height:0}.hero-copy{padding-left:3px}.eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:26px}.small-cross{font-size:17px}h1{font-size:clamp(76px,17.5vw,112px);letter-spacing:-.07em}.headline-hello{font-size:1.25em;line-height:1.02}.intro{margin:25px 0 22px;font-size:13px;line-height:1.7}.email-link{font-size:15px;gap:13px}.contact-arrow{width:38px;height:38px}.copy-button{margin-left:0}.artwork{width:100%;margin-top:21px}.sculpture-stage{width:100%;margin:0;aspect-ratio:1.08}.art-caption{margin:-5px 3px 0;padding-top:10px;gap:19px;font-size:7px;min-height:39px}.art-index{font-size:7px}.site-footer{min-height:90px;grid-template-columns:1fr auto;row-gap:12px;padding:22px 0;font-size:7px;letter-spacing:1px}.welcome{grid-column:1 / -1;gap:8px}.domain-note{text-align:left;grid-row:2}.copyright{grid-row:2}.copy-status{margin-left:51px;font-size:10px}}
@media(prefers-reduced-motion:no-preference){.hero-copy{animation:arrive .85s both}.artwork{animation:arrive 1.1s .08s both}@keyframes arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:640px){html[lang="tr"] h1{font-size:clamp(58px,17.5vw,112px)}html[lang="tr"] .headline-hello{font-size:1.1em}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{body::before,.header-actions,.copy-button,#motion-toggle{display:none}.page-shell{min-height:0}.hero{min-height:0}.site-footer{min-height:70px}}
