:root { --ink:#17131c; --paper:#f5f1e9; --violet:#6d4bff; --line:rgba(23,19,28,.16); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial,Helvetica,sans-serif; }
a { color:inherit; text-decoration:none; }
svg { width:1em; height:1em; }

.nav-shell { width:min(1400px,calc(100% - 48px)); height:92px; margin:auto; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand,.footer-brand { display:flex; align-items:center; gap:12px; font-size:14px; font-weight:700; letter-spacing:.02em; }
.brand-mark { display:grid; place-items:center; width:36px; height:36px; background:var(--ink); color:#fff; border-radius:50%; font-size:11px; letter-spacing:-.03em; }
.nav-links { display:flex; align-items:center; gap:34px; font-size:13px; }
.nav-links a { transition:opacity .2s; }.nav-links a:hover{opacity:.6}
.nav-cta,.primary-button { display:flex!important; align-items:center; gap:10px; }
.nav-cta { padding:12px 18px; border:1px solid var(--ink); border-radius:999px; }

.hero { min-height:700px; width:min(1400px,calc(100% - 48px)); margin:auto; display:grid; grid-template-columns:1.02fr .98fr; border-bottom:1px solid var(--line); }
.hero-copy { padding:110px 50px 100px 0; }
.eyebrow,.section-label { display:flex; align-items:center; gap:9px; margin:0 0 28px; text-transform:uppercase; letter-spacing:.19em; font-size:11px; font-weight:700; }
.eyebrow svg { color:var(--violet); font-size:18px; }
.hero h1,.studio h2,.section-heading h2,.company h2,.contact h2 { margin:0; font-family:Georgia,'Times New Roman',serif; font-weight:400; letter-spacing:-.055em; }
.hero h1 { max-width:710px; font-size:clamp(62px,7.3vw,112px); line-height:.86; }
em { color:var(--violet); font-weight:400; }
.hero-lead { max-width:570px; margin:38px 0 0; font-size:17px; line-height:1.7; color:#625c68; }
.hero-actions { display:flex; align-items:center; gap:28px; margin-top:42px; }
.primary-button { width:max-content; padding:17px 22px; background:var(--ink); color:white; border-radius:999px; font-size:13px; font-weight:700; }
.hero-actions span { font-size:11px; line-height:1.45; color:#777078; text-transform:uppercase; letter-spacing:.1em; }
.hero-art { position:relative; min-height:700px; overflow:hidden; border-left:1px solid var(--line); background:#e8dfd4; }
.orb { position:absolute; border-radius:50%; filter:blur(3px); }
.orb-a { width:440px;height:440px;background:#f87c5f;left:-90px;top:80px;opacity:.65; }
.orb-b { width:490px;height:490px;background:#6d4bff;right:-180px;bottom:-100px;opacity:.62; }
.phone { position:absolute; border:8px solid #19151d; border-radius:42px; background:#19151d; box-shadow:0 45px 85px rgba(30,16,50,.28); overflow:hidden; }
.phone-front { width:280px;height:570px;left:50%;top:55%;transform:translate(-40%,-50%) rotate(5deg);z-index:2; }
.phone-back { width:230px;height:470px;left:24%;top:49%;transform:translate(-30%,-50%) rotate(-12deg);opacity:.9; }
.phone-screen { position:relative;width:100%;height:100%;border-radius:32px;overflow:hidden; }
.phone-screen:before,.collection-image:before { content:""; position:absolute; inset:-20%; background:radial-gradient(circle at 65% 20%,rgba(255,255,255,.8),transparent 24%),conic-gradient(from 190deg at 35% 65%,transparent 0 15%,rgba(255,255,255,.3) 15% 27%,transparent 27% 53%,rgba(255,255,255,.26) 53% 68%,transparent 68%); filter:blur(3px); }
.hero-wallpaper { background:url('assets/mobile-wallpaper.png') center/cover; }
.hero-wallpaper:before { display:none; }
.phone-time,.phone-date { position:absolute;z-index:2;left:50%;transform:translateX(-50%);color:white;text-shadow:0 2px 12px rgba(0,0,0,.24);white-space:nowrap; }
.phone-time { top:70px;font:42px Georgia,serif; }.phone-date{top:121px;font-size:10px;letter-spacing:.06em;}
.art-note { position:absolute;right:26px;bottom:22px;margin:0;font-size:9px;text-transform:uppercase;letter-spacing:.15em; }
.flow-one { background:linear-gradient(145deg,#3120a8 0%,#8065ff 35%,#ff8167 72%,#ffd0af 100%); }
.flow-two { background:linear-gradient(150deg,#1c483d,#87b096 43%,#e9e2c9 75%,#b2cbd1); }
.flow-three { background:linear-gradient(150deg,#07142d,#164f75 42%,#25b5cb 73%,#aaf0dd); }

.studio,.work,.principles,.company { width:min(1280px,calc(100% - 48px)); margin:auto; padding:120px 0; }
.studio-grid { display:grid;grid-template-columns:1.1fr .9fr;gap:100px; }
.studio h2,.section-heading h2,.company h2 { font-size:clamp(45px,5vw,75px);line-height:1.02; }
.studio-copy>p { margin:8px 0 55px;font:22px/1.55 Georgia,serif;color:#4b454e; }
.service-list { display:grid;grid-template-columns:45px 1fr;border-top:1px solid var(--line); }
.service-list span,.service-list strong { padding:18px 0;border-bottom:1px solid var(--line);font-size:13px; }.service-list span{color:#918992;font-weight:400}.service-list strong{font-weight:600}
.work { border-top:1px solid var(--line); }
.section-heading { display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:55px; }
.section-heading>p { width:260px;margin:0 0 8px;color:#756d77;font-size:13px;line-height:1.6; }
.collection-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:20px; }
.collection-image { position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:3px; }
.collection-image span { position:absolute;z-index:2;top:18px;left:18px;color:white;font-size:10px;letter-spacing:.15em; }
.collection-meta { display:flex;justify-content:space-between;align-items:center;padding:16px 2px; }.collection-meta h3{margin:0;font:20px Georgia,serif}.collection-meta p{margin:0;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#756d77}
.principles { border-top:1px solid var(--line); }
.principle-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:50px; }
.principle-grid article { border-top:1px solid var(--ink);padding-top:20px; }.principle-grid span{font-size:10px;color:#8a838c}.principle-grid h3{margin:50px 0 18px;font:28px Georgia,serif}.principle-grid p{margin:0;color:#69616c;font-size:14px;line-height:1.7}
.company { display:grid;grid-template-columns:1fr 1fr;gap:90px;border-top:1px solid var(--line); }
.company-facts { border-top:1px solid var(--line); }.company-facts div{display:grid;grid-template-columns:145px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.company-facts span{font-size:11px;color:#857d87;text-transform:uppercase;letter-spacing:.08em}.company-facts strong{font-size:13px;line-height:1.5}
.contact { padding:130px 24px;text-align:center;background:var(--ink);color:#f8f3eb; }.contact .eyebrow{justify-content:center}.contact h2{font-size:clamp(58px,7vw,105px);line-height:.9}.contact p{max-width:490px;margin:36px auto;color:#aaa1ae;font-size:14px;line-height:1.7}.contact a{display:flex;align-items:center;gap:9px;width:max-content;margin:auto;padding-bottom:8px;border-bottom:1px solid #f8f3eb;font-size:13px}
footer { display:grid;grid-template-columns:1.5fr 1fr auto auto;gap:35px;align-items:center;padding:38px max(24px,calc((100% - 1280px)/2));background:var(--ink);color:#ddd3df;border-top:1px solid rgba(255,255,255,.15);font-size:11px; }footer p{margin:0;color:#8d8491}.footer-links{display:flex;gap:20px}.legal{max-width:850px;margin:0 auto;padding:90px 24px;border-bottom:1px solid var(--line)}.legal h2{margin:0 0 22px;font:44px Georgia,serif}.legal p{margin:0;color:#625c68;line-height:1.8;font-size:14px}

@media(max-width:900px){
  .nav-links a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:70px 0}.hero-art{border-left:0;border-top:1px solid var(--line);min-height:620px}.studio-grid,.company{grid-template-columns:1fr;gap:50px}.collection-grid{grid-template-columns:1fr 1fr}.collection-card:last-child{display:none}.principle-grid{grid-template-columns:1fr;gap:35px}.principle-grid h3{margin-top:30px}.section-heading{align-items:start;flex-direction:column;gap:25px}footer{grid-template-columns:1fr 1fr}.studio,.work,.principles,.company{padding:85px 0}}
@media(max-width:560px){.nav-shell,.hero,.studio,.work,.principles,.company{width:calc(100% - 30px)}.nav-shell{height:76px}.brand>span:last-child{display:none}.hero h1{font-size:56px}.hero-copy{padding:55px 0}.hero-lead{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-art{min-height:535px}.phone-front{width:230px;height:470px}.phone-back{width:180px;height:370px}.collection-grid{grid-template-columns:1fr}.collection-card:last-child{display:block}.studio-copy>p{font-size:19px}.company-facts div{grid-template-columns:1fr;gap:8px}.contact{padding:100px 20px}footer{grid-template-columns:1fr;gap:20px}.footer-links{order:4}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}