:root{color-scheme:dark;--ink:#080d14;--surface:#111d2a;--slate:#8295a4;--mist:#bac5cd;--paper:#ecefeF;--blue:#597cfa;--line:#bac5cd26;--serif:Didot,'Bodoni MT','Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.6 Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #aec5ff;outline-offset:6px}button:disabled{opacity:.5;cursor:default}p{margin:0 0 24px}h1,h2,h3{font-weight:400;margin:0}h2{font-family:var(--serif);font-size:clamp(42px,5.5vw,78px);line-height:1.08;letter-spacing:-.035em}h3{font-family:var(--serif);font-size:32px;line-height:1.2}header{height:100px;display:flex;align-items:center;justify-content:space-between;margin:auto;padding:0 5%;position:relative;z-index:10;border-bottom:1px solid var(--line);background:#0b111aea}.wordmark{font-family:var(--serif);font-size:32px;letter-spacing:.2em}.brand{line-height:1}nav{display:flex;align-items:center;gap:40px;font-size:14px}nav a:not(.nav-cta){color:var(--mist)}nav a:hover{color:white}.nav-cta{padding:10px 22px;border:1px solid #728dc64d;border-radius:50px;box-shadow:0 5px 25px -14px #658aff}.nav-cta span{margin-left:20px}.hero{min-height:790px;height:calc(100svh - 100px);max-height:1200px;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 100%,#263c60 0, #121e2e 33%,#0c131c 68%)}.hero:before{content:'';position:absolute;inset:0;background:url('frost-light.jpg') center/cover;opacity:.16;z-index:-1}.hero-meta,.hero-bottom{position:absolute;left:5%;right:5%;display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.16em;color:var(--mist)}.hero-meta{top:35px}.hero-bottom{bottom:29px}.hero-center{text-align:center;padding:103px 20px 150px}.eyebrow{font-size:12px;letter-spacing:.2em;line-height:1.6;color:var(--mist);text-transform:uppercase}.hero-center .eyebrow{margin-bottom:20px}.hero h1{font-family:var(--serif);font-size:clamp(100px,17.5vw,260px);line-height:1.03;letter-spacing:.1em;padding-left:.1em;background:linear-gradient(180deg,#f2f5f6 25%,#a7b9c9 80%);background-clip:text;color:transparent}.hero-subtitle{font-family:var(--serif);font-size:clamp(28px,3vw,44px);line-height:1.25;color:#c6d0da;margin:16px 0 35px}.glow-button,.submit{display:inline-flex;gap:35px;align-items:center;justify-content:center;border:1px solid #829dd869;border-radius:60px;background:linear-gradient(#233147,#151e30);color:#f0f4ff;padding:16px 28px;box-shadow:0 6px 18px -5px #779cff77,0 15px 55px -13px #375dfaaa,inset 0 -2px 4px #8dabff55;transition:box-shadow .25s,transform .25s}.glow-button:hover,.submit:hover{transform:translateY(-3px);box-shadow:0 5px 30px #6e8eff88,0 15px 65px #254af855}.horizon{position:absolute;bottom:86px;left:7%;right:7%;height:1px;background:linear-gradient(90deg,transparent,#5379f7 15%,#c8d9ff 50%,#5379f7 85%,transparent);box-shadow:0 0 12px 2px #6084ff9e,0 6px 42px 6px #527aff75,0 26px 90px 13px #3962e066}.section{padding:120px max(5%,calc((100vw - 1280px)/2));position:relative}.manifesto{display:grid;grid-template-columns:1fr 3fr;gap:50px;background:linear-gradient(120deg,#152330,#0b121b)}.manifesto-copy{max-width:580px;margin:35px 0 0 auto;color:var(--mist)}.text-link{display:inline-block;border-bottom:1px solid #7189bb;padding:10px 0;color:#dfe8fa;font-size:14px}.section-heading{display:flex;align-items:end;gap:30px;margin-bottom:55px;flex-wrap:wrap}.section-heading .eyebrow{width:100%;margin:0}.section-heading h2{flex:1}.small{font-size:13px;color:var(--mist)}.portfolio-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:60px}.art-slot{width:100%;position:relative;display:flex;align-items:center;justify-content:center;min-height:400px;background:linear-gradient(135deg,#263646,#111b29);border:1px solid #819dc42b;border-radius:20px;color:#c5d1dc;box-shadow:0 20px 60px -40px #4d7eff85;overflow:hidden}.slot-skin{min-height:640px}.slot-detail{min-height:400px}.slot-canvas{min-height:550px}.slot-cross{font-family:var(--serif);font-size:140px;opacity:.2}.slot-note{position:absolute;bottom:32px;left:32px;font-size:13px;text-align:left;letter-spacing:.13em}.slot-note small{font-size:12px;color:var(--slate)}figure{margin:0}figcaption{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--mist);padding-top:20px}.work-aside>p:first-child{font-family:var(--serif);font-size:35px;line-height:1.2}.body-copy{color:var(--mist);max-width:330px;margin-bottom:45px}.preview-note{font-size:13px;color:var(--mist);margin:35px 0 0}.canvas-section{background:linear-gradient(155deg,#16222e,#0b121c)}.canvas-caption{display:flex;justify-content:space-between;gap:30px;margin-top:40px}.canvas-caption>span{font-size:13px;letter-spacing:.12em}.canvas-caption p{max-width:450px;color:var(--mist)}.process{display:grid;grid-template-columns:1fr 3fr;gap:50px}.process ol{list-style:none;padding:0;margin-top:50px}.process li{display:grid;grid-template-columns:35px 1fr 1.25fr;gap:25px;padding:32px 0;border-top:1px solid var(--line)}.process li>span{color:#8ba4e1;font-size:12px}.process li p{color:var(--mist);margin:0}.consultation{display:grid;grid-template-columns:1fr 1fr;gap:100px;background:radial-gradient(ellipse at 50% 100%,#21355c,#0f1826 65%);border-top:1px solid #526caa;box-shadow:0 -10px 40px -25px #5a86ff}.consultation h2{margin-bottom:28px}.consultation>div>p:not(.eyebrow){color:var(--mist);max-width:360px}.booking-note{margin-top:40px}label{display:block;font-size:14px;color:var(--mist);margin-bottom:25px}input,select,textarea{width:100%;margin-top:10px;padding:13px 0;color:var(--paper);background:transparent;border:0;border-bottom:1px solid #7187a760;border-radius:0}select option{background:#111c2a}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}.submit{width:100%;margin:10px 0 20px}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;padding:55px 5%;font-size:12px;color:var(--mist)}dialog{background:#172334;color:var(--paper);border:1px solid #546eab;border-radius:24px;padding:45px;max-width:560px;width:90%;box-shadow:0 10px 100px #3555a044}dialog::backdrop{background:#020710cc;backdrop-filter:blur(6px)}dialog h2{font-size:44px;margin:20px 0}dialog p:not(.eyebrow){color:var(--mist)}.dialog-close{float:right;color:var(--paper);background:none;border:0;padding:10px}.skip{position:fixed;left:20px;top:-100px;background:#fff;color:#000;padding:15px;z-index:50}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:760px){header{height:80px;padding:0 6%}.wordmark{font-size:26px}nav{gap:12px}nav>a:not(.nav-cta){display:none}.nav-cta{font-size:12px;padding:9px 14px}.nav-cta span{margin-left:8px}.hero{height:calc(100svh - 80px);min-height:680px}.hero-meta{font-size:10px;letter-spacing:.08em;top:30px}.hero-center{padding-top:125px}.hero h1{font-size:22vw;letter-spacing:.045em}.hero-center .eyebrow{font-size:10px;letter-spacing:.14em}.hero-subtitle{font-size:30px;margin:25px 0 36px}.hero-bottom{font-size:10px;letter-spacing:.08em}.section{padding:75px 6%}.manifesto,.process,.consultation{grid-template-columns:1fr;gap:22px}.manifesto-copy{margin:30px 0 0}.portfolio-layout{grid-template-columns:1fr;gap:45px}.slot-skin{min-height:470px}.slot-detail{min-height:340px}.slot-canvas{min-height:360px}.section-heading{margin-bottom:35px}.section-heading .small{display:none}.canvas-caption{flex-direction:column}.process li{grid-template-columns:25px 1fr;gap:16px}.process li p{grid-column:2}.consultation{gap:40px}footer{padding:40px 6%;gap:25px}footer .brand{width:100%}.form-row{grid-template-columns:1fr;gap:0}dialog{padding:25px}dialog h2{font-size:36px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
em{font-weight:400;color:#aabed0}.identity-image{margin:65px 0 0;max-width:820px}.identity-image img{display:block;width:100%;height:auto;border-radius:18px;box-shadow:0 22px 70px -38px #7498fd90}.identity-image figcaption{font-size:12px;letter-spacing:.15em}.work:before,.canvas-section:before,.process:before{content:'';position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,#647eb86e,transparent);box-shadow:0 0 25px 2px #5076ea30}.art-slot{transition:box-shadow .3s,transform .3s;background:radial-gradient(ellipse at 50% 120%,#253b58,transparent 60%),linear-gradient(130deg,#263340,#101924 75%)}.art-slot:after{content:'';position:absolute;bottom:0;left:15%;right:15%;height:1px;background:#8da9ffb0;box-shadow:0 0 15px 2px #557eee,0 -8px 65px 8px #4976e95c}.art-slot:hover{box-shadow:0 15px 65px -28px #648cffaa;transform:translateY(-4px)}.slot-cross{font-size:clamp(130px,15vw,220px);line-height:1;font-weight:400;color:#8da2b5;opacity:.23}.slot-note{line-height:2}.work-aside>p{padding-top:18px}.work-aside figure{margin-top:50px}.canvas-figure{max-width:1080px;margin:auto}.canvas-caption{max-width:1080px;margin:40px auto 0}.consultation h2{font-size:clamp(42px,4.5vw,65px)}.consultation .eyebrow{margin-bottom:28px}.hero-bottom a:hover{color:white}.text-link:hover{border-color:#bbcdff;color:white}@media(min-width:1500px){header{padding-left:max(5%,calc((100vw - 1440px)/2));padding-right:max(5%,calc((100vw - 1440px)/2))}}@media(max-width:760px){.identity-image{margin-top:40px}.identity-image img{border-radius:12px}.work-aside figure{margin-top:28px}.hero .glow-button{font-size:14px}.slot-note{left:24px;bottom:24px}.consultation .booking-note{margin-top:24px}}
@media(min-width:761px){header{height:84px}.hero{height:calc(100svh - 84px);min-height:600px}.hero-center{padding:clamp(45px,7vh,110px) 20px 120px}.hero h1{font-size:clamp(100px,16vw,230px)}.hero-subtitle{font-size:clamp(28px,2.8vw,42px);margin:12px 0 24px}}

/* Keep the CTA position while placing the smaller signature below it. */
.hero-center .glow-button{margin-top:calc(clamp(28px,2.8vw,42px) * 2.5 + 36px)}
.hero-center .hero-subtitle{font-size:clamp(26px,2.6vw,39px);margin:20px 0 0}
@media(max-width:760px){.hero-center .glow-button{margin-top:136px}.hero-center .hero-subtitle{font-size:28px;margin:22px 0 0}}

header .brand{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:60px}
.header-monogram{display:block;width:27px;height:54px;filter:drop-shadow(0 0 3px #98b4ffb3) drop-shadow(0 0 10px #597cfa99) drop-shadow(0 0 21px #597cfa55);transition:filter .25s}
header .brand:hover .header-monogram{filter:drop-shadow(0 0 4px #c8d9ffcc) drop-shadow(0 0 12px #597cfacc) drop-shadow(0 0 25px #597cfa88)}
@media(max-width:760px){.header-monogram{width:24px;height:48px}}

footer .brand{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:60px}
footer .brand:hover .header-monogram{filter:drop-shadow(0 0 4px #c8d9ffcc) drop-shadow(0 0 12px #597cfacc) drop-shadow(0 0 25px #597cfa88)}
@media(max-width:760px){footer .brand{justify-content:flex-start}}

.contact-details{margin-top:32px;display:grid;gap:12px;font-size:16px;color:var(--mist)}
.contact-details a{width:fit-content;max-width:100%;overflow-wrap:anywhere}.contact-details a:hover,.social-links a:hover,.website-link:hover{color:#e1eaff;text-shadow:0 0 14px #7599ff80}
.contact-details address{font-style:normal;margin-top:8px}.contact-details p{margin:0}
.social-links{display:flex;flex-wrap:wrap;gap:16px 26px;font-size:14px}.website-link{font-size:14px}.social-links a,.website-link{padding:8px 0}
#email-inquiry[hidden]{display:none}#email-inquiry{margin-top:8px}
@media(max-width:1000px){.consultation{gap:45px}.social-links{width:100%}}
