:root {
  --page:#f5f2eb; --ink:#0f0e0c; --sub:#625c54; --line:rgba(15,14,12,.17);
  --panel:#0f0e0c; --panel-ink:#ede8de; --panel-sub:#a8a099; --panel-line:rgba(237,232,222,.16);
  --surface:#ede9e0; --accent:#8f6f34; --accent-bright:#c9a86c;
  --portrait:url('assets/ceglys-suit-light.png'); color-scheme:light;
}
:root[data-theme="dark"] {
  --page:#0f0e0c; --ink:#ede8de; --sub:#a8a099; --line:rgba(237,232,222,.16);
  --panel:#ede8de; --panel-ink:#0f0e0c; --panel-sub:#625c54; --panel-line:rgba(15,14,12,.17);
  --surface:#1a1815; --accent:#c9a86c; --accent-bright:#dfc088;
  --portrait:url('assets/ceglys-cinematic-luxury-hero-4k.png'); color-scheme:dark;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--page);transition:background .45s ease}body{margin:0;background:var(--page);color:var(--ink);font-family:Arial,Helvetica,sans-serif;transition:background .45s ease,color .45s ease}a{color:inherit;text-decoration:none}button{font:inherit}.frame{width:min(1460px,calc(100% - 7vw));margin-inline:auto}.narrow{width:min(1080px,calc(100% - 9vw));margin-inline:auto}
.hero{height:100svh;min-height:760px;position:relative;overflow:hidden;background:var(--page);color:var(--ink);transition:background .45s,color .45s}.portrait{--x:0px;--y:0px;position:absolute;inset:-12px;background-image:var(--portrait);background-position:center;background-size:cover;background-repeat:no-repeat;transform:translate3d(var(--x),var(--y),0) scale(1.02);will-change:transform;transition:background-image .35s ease}.nav{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;position:relative;z-index:5}.logo{font-size:.82rem;font-weight:700;letter-spacing:.28em}.navlinks{margin-left:auto;display:flex;gap:46px;font-size:.63rem;font-weight:700;letter-spacing:.21em;text-transform:uppercase}.navlinks a{position:relative}.navlinks a::after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:var(--ink);transition:right .25s}.navlinks a:hover::after{right:0}.theme-toggle{margin-left:42px;padding:0;border:0;background:transparent;color:var(--ink);display:flex;align-items:center;gap:10px;cursor:pointer;text-transform:uppercase;font-size:.57rem;letter-spacing:.17em}.theme-toggle i{width:28px;height:15px;border:1px solid var(--line);border-radius:20px;position:relative}.theme-toggle i::after{content:"";position:absolute;top:2px;left:2px;width:9px;height:9px;border-radius:50%;background:var(--ink);transition:transform .3s}.theme-toggle:hover i{border-color:var(--accent)}:root[data-theme="dark"] .theme-toggle i::after{transform:translateX(13px)}.menubutton{display:none;margin-left:16px;border:0;background:transparent;width:34px;height:34px;flex-direction:column;gap:7px;justify-content:center}.menubutton span{height:1px;width:100%;background:var(--ink)}
.hero-content{position:relative;height:calc(100% - 82px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-bottom:3vh}.eyebrow,.section-label{font-size:.64rem;font-weight:700;letter-spacing:.23em;text-transform:uppercase;color:var(--sub)}.accent-line{display:block;width:46px;height:1px;background:var(--accent);margin:22px 0 32px}.hero h1{margin:0;font-size:clamp(4.3rem,7vw,8rem);line-height:.93;letter-spacing:-.064em;font-weight:400}.hero-copy{max-width:500px;margin:28px 0 36px;color:var(--sub);font-size:1.08rem;line-height:1.55}.hero-ctas{display:flex;align-items:center;gap:42px}.circle-link{display:inline-flex;align-items:center;gap:24px;font-size:.65rem;text-transform:uppercase;letter-spacing:.2em;font-weight:700}.circle-link span{display:grid;place-items:center;width:50px;aspect-ratio:1;border:1px solid var(--accent);border-radius:50%;font-size:1rem;transition:.3s}.circle-link:hover span{background:var(--ink);border-color:var(--ink);color:var(--page);transform:translateX(5px)}.circle-link.secondary{color:var(--sub)}.location{position:absolute;left:3.5vw;bottom:34px;margin:0;color:var(--sub);font-size:.58rem;text-transform:uppercase;letter-spacing:.2em}.scrollmark{position:absolute;right:3.5vw;bottom:28px}.scrollmark span{display:grid;place-items:center;width:44px;aspect-ratio:1;border:1px solid var(--line);border-radius:50%;animation:float 2.2s ease-in-out infinite}@keyframes float{50%{transform:translateY(6px)}}
.dark{background:var(--panel);color:var(--panel-ink);transition:background .45s,color .45s}.statement{padding:clamp(120px,15vw,240px) 0}.section-label{color:var(--panel-sub);margin:0 0 42px}.statement h2,.principle h2,.contact h2{margin:0;font-size:clamp(4rem,8.5vw,9rem);line-height:.94;letter-spacing:-.066em;font-weight:400}.statement h2 em,.contact h2 em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}.statement-copy{max-width:640px;margin:60px 0 0 auto;color:var(--panel-sub);font-size:clamp(1.2rem,1.8vw,1.6rem);line-height:1.55}
.section{padding:clamp(100px,12vw,190px) 0}.section-top{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;text-transform:uppercase;font-size:.58rem;letter-spacing:.19em;color:var(--sub)}.focus-title{display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;align-items:end;margin:clamp(80px,9vw,145px) 0}.focus-title h2,.profile h2{margin:0;font-size:clamp(4rem,8vw,8.4rem);line-height:.92;letter-spacing:-.067em;font-weight:400}.focus-title p{max-width:430px;font-size:1.15rem;line-height:1.6;color:var(--sub)}.focus-list{border-top:1px solid var(--line)}.focus-list article{display:grid;grid-template-columns:70px .9fr 1fr 40px;gap:4vw;align-items:center;padding:34px 0;border-bottom:1px solid var(--line);transition:padding .3s,background .3s}.focus-list article:hover{padding-left:18px;padding-right:18px;background:var(--surface)}.focus-list article>span{font-size:.65rem;color:var(--accent)}.focus-list h3{margin:0;font-size:clamp(2rem,4vw,4rem);font-weight:400;letter-spacing:-.045em}.focus-list p{margin:0;color:var(--sub);line-height:1.55;max-width:500px}.focus-list i{font-style:normal;font-size:1.3rem}.arrow{display:inline-block;transform:rotate(-45deg)}
.principle{padding:clamp(110px,13vw,210px) 0 0;overflow:hidden}.principle-grid{display:grid;grid-template-columns:.35fr 1.65fr;gap:7vw;margin-bottom:100px}.principle-number{font-size:clamp(8rem,20vw,22rem);line-height:.74;letter-spacing:-.09em;color:color-mix(in srgb,var(--panel-ink) 8%,transparent)}.principle h2{font-size:clamp(3.8rem,7vw,7.2rem)}.principle-grid>div:last-child>p:last-child{max-width:650px;margin:50px 0 0 auto;color:var(--panel-sub);font-size:1.15rem;line-height:1.7}.profile{background:var(--surface);transition:background .45s}.profile-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw;align-items:center}.profile-image{height:min(75vw,800px);background-image:var(--portrait);background-position:81% center;background-size:cover;background-repeat:no-repeat;border-radius:20px}.profile .section-top{margin-bottom:80px}.profile-lead{font-size:clamp(1.3rem,2vw,1.8rem)!important;color:var(--ink)!important}.profile-grid>div:last-child>p{max-width:620px;font-size:1rem;line-height:1.75;color:var(--sub)}
.contact{padding:clamp(110px,13vw,210px) 0 34px}.contact h2{font-size:clamp(4rem,9vw,9.4rem)}.contact-copy{max-width:560px;margin:45px 0;color:var(--panel-sub);font-size:1.15rem;line-height:1.6}.email{width:min(100%,720px);border:0;border-bottom:1px solid var(--panel-line);background:transparent;color:var(--panel-ink);padding:22px 0;display:flex;justify-content:space-between;text-align:left;cursor:pointer;font-size:clamp(1.35rem,2.2vw,2rem);transition:.25s}.email:hover{color:var(--accent);border-color:var(--accent)}footer{display:flex;justify-content:space-between;gap:30px;margin-top:clamp(120px,15vw,220px);padding-top:22px;border-top:1px solid var(--panel-line);color:var(--panel-sub);text-transform:uppercase;font-size:.57rem;letter-spacing:.17em}footer div{display:flex;gap:28px}footer a:hover{color:var(--panel-ink)}[data-reveal]{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .8s cubic-bezier(.22,1,.36,1)}[data-reveal].visible{opacity:1;transform:none}
@media(max-width:800px){.frame,.narrow{width:calc(100% - 36px)}.hero{min-height:900px}.portrait{inset:0;height:56%;background-position:72% center;transform:none}.hero::after{content:"";position:absolute;z-index:1;inset:31% 0 0;background:linear-gradient(0deg,var(--page) 66%,transparent)}.nav{height:68px}.logo{font-size:.67rem}.navlinks{display:none;position:absolute;z-index:6;top:68px;left:-18px;right:-18px;background:var(--page);padding:30px 18px;flex-direction:column;gap:28px;border-bottom:1px solid var(--line)}.navlinks.open{display:flex}.theme-toggle{margin-left:auto}.theme-toggle span{display:none}.menubutton{display:flex}.hero-content{height:832px;justify-content:flex-end;padding-bottom:92px;z-index:2}.eyebrow{font-size:.55rem}.accent-line{margin:15px 0 20px}.hero h1{font-size:clamp(3.8rem,17vw,6.5rem)}.hero-copy{font-size:.96rem;margin:19px 0 24px;max-width:360px}.hero-ctas{width:100%;gap:18px}.circle-link{gap:13px;letter-spacing:.13em}.circle-link span{width:42px}.location{left:18px;bottom:24px;z-index:3}.scrollmark{display:none}.statement h2,.principle h2,.contact h2{font-size:clamp(3.5rem,15vw,6rem)}.statement-copy{margin-top:45px}.focus-title{grid-template-columns:1fr;gap:36px}.focus-title h2,.profile h2{font-size:clamp(3.5rem,15vw,6rem)}.focus-list article{grid-template-columns:40px 1fr 24px;gap:16px}.focus-list article p{grid-column:2/4}.principle-grid{grid-template-columns:1fr}.principle-number{font-size:10rem}.profile-grid{grid-template-columns:1fr}.profile-image{height:115vw;max-height:680px;background-position:72% center}.profile .section-top{margin-bottom:55px}footer{flex-direction:column}footer div{flex-wrap:wrap}}
@media(max-width:430px){.hero-ctas{align-items:flex-start;flex-direction:column;gap:14px}.circle-link.secondary{padding-left:2px}.focus-list article:hover{padding-left:0;padding-right:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.portrait{transform:none!important}.ticker span,.scrollmark span{animation:none}[data-reveal]{opacity:1;transform:none;transition:none}}
.hero-copy{max-width:570px}
p{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:300;letter-spacing:.05em}
.hero-copy,.statement-copy,.focus-title p,.focus-list p,.principle-grid>div:last-child>p:last-child,.profile-grid>div:last-child>p,.contact-copy{font-family:"Open Sans",Arial,Helvetica,sans-serif;font-weight:300;letter-spacing:.05em}
.statement-copy{color:#0f0e0c}
.principle-grid>div:last-child>p:last-child{color:#0f0e0c}
.contact-copy{color:#0f0e0c}
@media(max-width:800px){.menubutton{margin-left:auto}}
