@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600&family=Newsreader:ital,wght@1,500&display=swap');
:root{--ink:#16263d;--paper:#f0ecdf;--white:#faf8f1;--olive:#77805b;--violet:#ad8cff;--lime:#d7df67;--clay:#d66e54;--muted:#6f746f;--line:rgba(22,38,61,.2)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.header,main,footer{max-width:1480px;margin:auto}.header{min-height:92px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-size:14px;font-weight:600;letter-spacing:.14em}.brand small{display:block;margin-top:4px;color:var(--muted);font:400 7px/1 DM Mono,monospace;letter-spacing:.17em}.mark{width:43px;height:43px;position:relative;display:block;background:var(--ink)}.mark i{position:absolute;display:block}.mark i:first-child{width:17px;height:29px;left:6px;top:7px;background:var(--violet);border-radius:14px 14px 0 0}.mark i:last-child{width:12px;height:12px;right:6px;bottom:7px;background:var(--lime);border-radius:50%}nav{display:flex;gap:42px;font:400 10px/1 DM Mono,monospace}nav a{padding-bottom:6px;border-bottom:1px solid transparent}nav a:hover{border-color:var(--violet)}.header-contact{padding:12px 17px;color:var(--white);background:var(--ink);font:500 10px/1 DM Mono,monospace}.header-contact span{margin-left:20px;color:var(--lime)}
.hero{min-height:760px;padding:32px 4.5vw 0;border-bottom:1px solid var(--line)}.hero-label{display:flex;justify-content:space-between;color:var(--muted);font:400 8px/1 DM Mono,monospace;letter-spacing:.12em}.hero-label span{color:#6c4fbe}.hero-grid{min-height:655px;display:grid;grid-template-columns:1.08fr .92fr;gap:6vw;align-items:center}.hero-copy{position:relative;z-index:2}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:500;letter-spacing:-.06em}h1{margin:0;font-size:clamp(66px,8vw,120px);line-height:.87}h1 em,.about h2 em,.contact h2 em{color:#7657c8;font-family:Newsreader,Georgia,serif;font-weight:500}.hero-intro{margin-top:52px;display:grid;grid-template-columns:1fr .7fr;gap:45px;align-items:end}.hero-intro p{max-width:520px;margin:0;color:var(--muted);font-size:16px;line-height:1.75}.hero-intro a{padding:12px 0;display:flex;justify-content:space-between;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);font:500 9px/1 DM Mono,monospace}.showroom{height:520px;position:relative;background:var(--white);border:1px solid var(--line);overflow:hidden}.showroom::before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:1px solid var(--line)}.shelf{height:1px;position:absolute;background:var(--ink)}.shelf-one{width:70%;left:15%;top:62%}.shelf-two{width:42%;right:0;top:32%}.object{position:absolute}.object-arch{width:140px;height:225px;left:13%;bottom:38%;background:var(--olive);border-radius:75px 75px 4px 4px;box-shadow:14px 15px 0 rgba(22,38,61,.1)}.object-sphere{width:120px;height:120px;right:11%;top:13%;background:var(--violet);border-radius:50%}.object-block{width:155px;height:130px;right:13%;bottom:14%;background:var(--clay);transform:rotate(7deg)}.item-tag{position:absolute;padding:7px 9px;color:var(--white);background:var(--ink);font:400 7px/1.5 DM Mono,monospace}.tag-a{left:8%;top:13%}.tag-b{right:7%;top:41%}.showroom-note{position:absolute;left:7%;bottom:7%;font-family:DM Mono,monospace}.showroom-note small,.showroom-note b{display:block}.showroom-note small{margin-bottom:8px;color:var(--muted);font-size:7px}.showroom-note b{font-size:10px;letter-spacing:.1em}.hero-index{min-height:65px;display:flex;align-items:center;gap:16px;border-top:1px solid var(--line);font:400 8px/1 DM Mono,monospace}.hero-index i{width:34px;border-top:1px solid var(--ink)}.hero-index b{margin-left:auto;font-weight:400;color:var(--muted)}
.section{padding:125px 4.5vw}.section-index{color:var(--muted);font:400 8px/1 DM Mono,monospace;letter-spacing:.1em}.section-index span{display:block;margin-bottom:12px;color:#7657c8;font-size:10px}.section-index p{margin:0}.about{display:grid;grid-template-columns:.25fr 1.3fr .45fr;gap:5vw;border-bottom:1px solid var(--line)}.kicker{margin:0 0 35px;color:#7657c8;font:500 9px/1 DM Mono,monospace;text-transform:uppercase;letter-spacing:.12em}.about h2,.practice h2,.process h2,.contact h2{margin:0;font-size:clamp(44px,5.5vw,82px);line-height:1.04}.about-text{max-width:840px;margin-top:55px;display:grid;grid-template-columns:1fr 1fr;gap:45px;color:var(--muted);line-height:1.75}.catalog-card{min-height:340px;padding:25px;display:flex;flex-direction:column;background:var(--lime)}.catalog-card>span{font:500 9px/1 DM Mono,monospace}.catalog-card>p{margin:auto 0 10px;font:500 7px/1 DM Mono,monospace;letter-spacing:.1em}.catalog-card>b{font-size:19px;line-height:1.35}.mini-object{height:145px;position:relative}.mini-object i{position:absolute;display:block}.mini-object i:first-child{width:100px;height:100px;left:50%;top:20px;background:var(--ink);border-radius:50%;transform:translateX(-50%)}.mini-object i:last-child{width:42px;height:42px;left:50%;top:49px;background:var(--violet);transform:translateX(-50%)}
.practice{background:var(--white);border-bottom:1px solid var(--line)}.practice>header{display:grid;grid-template-columns:.4fr 1.6fr;gap:5vw}.practice-grid{margin-top:75px;display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.practice-card{min-height:480px;padding:28px;position:relative}.practice-card.olive{background:#c9cfb5}.practice-card.violet{background:#d9ceff}.practice-card.navy{color:var(--white);background:var(--ink)}.no{font:500 9px/1 DM Mono,monospace}.art{height:210px;position:relative}.art-frames i{position:absolute;border:1px solid var(--ink)}.art-frames i:first-child{width:150px;height:120px;left:8%;top:35px}.art-frames i:nth-child(2){width:105px;height:85px;left:22%;top:52px;background:var(--white)}.art-frames i:nth-child(3){width:36px;height:36px;left:43%;top:77px;background:var(--violet);border-radius:50%}.art-pivot i{position:absolute;display:block;border-radius:50%}.art-pivot i:first-child{width:150px;height:150px;left:50%;top:25px;border:1px solid var(--ink);transform:translateX(-50%)}.art-pivot i:nth-child(2){width:75px;height:75px;left:50%;top:63px;background:var(--lime);transform:translateX(-50%)}.art-pivot i:nth-child(3){width:22px;height:22px;right:18%;top:38px;background:var(--clay)}.art-stack i{width:135px;height:58px;position:absolute;left:50%;border:1px solid var(--white);transform:translateX(-50%)}.art-stack i:first-child{top:30px;background:var(--violet)}.art-stack i:nth-child(2){top:75px;background:var(--olive)}.art-stack i:nth-child(3){top:120px;background:var(--clay)}.practice-card h3{margin:0 0 13px;font-size:25px;font-weight:500}.practice-card>p{max-width:330px;margin:0;line-height:1.65}.practice-card>a{width:40px;height:40px;position:absolute;right:27px;bottom:27px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%}
.process{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;border-bottom:1px solid var(--line)}.process-title h2{margin:38px 0 30px}.process-title>p{max-width:420px;color:var(--muted);line-height:1.7}.process ol{margin:0;padding:0;list-style:none;border-top:1px solid var(--ink)}.process li{min-height:145px;display:grid;grid-template-columns:50px 1fr 20px;gap:25px;align-items:center;border-bottom:1px solid var(--line)}.process li>span{color:#7657c8;font:500 9px/1 DM Mono,monospace}.process h3{margin:0 0 8px;font-size:26px;font-weight:500}.process li p{margin:0;color:var(--muted)}.process li b{color:var(--clay);font-size:8px}
.contact{min-height:660px;display:grid;grid-template-columns:.55fr 1.25fr;grid-template-rows:1fr auto;gap:35px 7vw;color:var(--white);background:var(--ink)}.contact-object{width:340px;height:430px;position:relative;align-self:center;background:var(--olive);overflow:hidden}.contact-object i:first-child{width:220px;height:220px;position:absolute;left:-70px;bottom:-40px;background:var(--violet);border-radius:50%}.contact-object i:nth-child(2){width:150px;height:230px;position:absolute;right:35px;top:45px;background:var(--lime);border-radius:80px 80px 0 0}.contact-object span{position:absolute;right:73px;top:85px;color:var(--ink);font-size:85px;font-weight:600}.contact-copy{align-self:center}.contact h2{margin:35px 0 55px}.contact .kicker{color:var(--lime)}.email{display:flex;width:max-content;max-width:100%;gap:40px;padding-bottom:10px;border-bottom:1px solid var(--white);font:500 clamp(16px,2vw,25px)/1 DM Mono,monospace}.contact-details{grid-column:2;display:grid;grid-template-columns:.6fr 1.4fr;gap:45px;padding-top:24px;border-top:1px solid rgba(255,255,255,.23)}.contact-details small,.contact-details strong{display:block}.contact-details small{margin-bottom:8px;color:var(--lime);font:500 8px/1 DM Mono,monospace}.contact-details strong{font-size:13px;line-height:1.5}footer{min-height:115px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;gap:30px;color:var(--muted);font:400 8px/1.5 DM Mono,monospace}footer p{margin:0;text-align:center}
@media(max-width:980px){nav{display:none}.hero-grid{grid-template-columns:1fr;padding-top:70px}.showroom{margin:40px 0 70px}.about{grid-template-columns:1fr}.catalog-card{max-width:350px}.practice>header,.process{grid-template-columns:1fr}.practice-grid{grid-template-columns:1fr}.practice-card{min-height:420px}.contact{grid-template-columns:1fr}.contact-object{width:280px;height:350px}.contact-details{grid-column:auto}}
@media(max-width:640px){.header{min-height:76px}.brand>span:last-child{display:none}.hero{padding:28px 5vw 0}.hero-grid{min-height:auto}.hero-intro,.about-text{grid-template-columns:1fr}.showroom{height:410px}.object-arch{width:105px;height:180px}.object-sphere{width:90px;height:90px}.object-block{width:120px;height:105px}.hero-index b{display:none}.section{padding:85px 5vw}.about h2,.practice h2,.process h2,.contact h2{font-size:44px}.contact-object{width:220px;height:280px}.email{width:100%;justify-content:space-between;gap:8px;font-size:14px}.contact-details{grid-template-columns:1fr}footer{padding:35px 5vw;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}