*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f3ef;color:#181818;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}nav{height:84px;padding:0 4.5vw;border-bottom:1px solid #d5d3cc;display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:.08em}.logo{font-weight:800;font-size:15px;letter-spacing:-.04em}.logo span{color:#7768d6;font-size:21px}nav div{display:flex;gap:28px}.hero{min-height:calc(100vh - 84px);padding:8.5vw 4.5vw 2.5vw;display:flex;flex-direction:column;justify-content:space-between}.eyebrow{font-size:11px;font-weight:bold;letter-spacing:.12em;display:flex;gap:10px;align-items:center}.eyebrow i{width:8px;height:8px;border-radius:50%;background:#dfff46}.hero-grid{display:grid;grid-template-columns:1.6fr .55fr;align-items:end;gap:7vw;margin:10vh 0}.hero h1{font-size:clamp(48px,8vw,124px);line-height:.94;letter-spacing:-.08em;margin:0}.hero h1 em,.quote em,.contact h2 em{font-family:Georgia,serif;font-weight:400;font-style:italic;color:#7768d6}.hero aside{color:#504f4a;line-height:1.55;font-size:15px;max-width:260px}.down{width:50px;height:50px;border:1px solid;border-radius:50%;display:grid;place-items:center;font-size:25px;margin-top:30px}.hero footer,.contact footer{font-size:10px;letter-spacing:.1em;color:#74736f;display:flex;justify-content:space-between}.work{background:#191919;color:#f5f4ef;padding:8vw 4.5vw 10vw}.work header{border-bottom:1px solid #484844;padding-bottom:45px;display:flex;justify-content:space-between}.work header div{display:flex;gap:20px;align-items:baseline}.work b,.about-tag b{color:#a798ff;font-size:12px}.work h2{font-size:clamp(35px,4vw,59px);letter-spacing:-.06em;margin:0}.work header p{font-size:10px;letter-spacing:.12em;color:#999;line-height:1.5}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:24px}.cards article{background:#252525;min-height:490px;padding:0 20px 20px}.art{height:230px;margin:0 -20px 22px;display:grid;place-items:center;position:relative;overflow:hidden}.art strong{font:italic 100px Georgia,serif;color:#222;z-index:1}.art i{position:absolute;width:170px;height:170px;border-radius:50%}.violet .art{background:#a798ff}.violet .art i{background:radial-gradient(circle at 30% 30%,#fff,#735cff 65%,#412e92)}.lime .art{background:#dfff46}.lime .art i{background:conic-gradient(#00a985,#dfff46,#ffe46f,#007864)}.orange .art{background:#ff9f59}.orange .art i{background:radial-gradient(circle at 30% 30%,#fff0c7,#ff6a22 55%,#a32908)}small{color:#b8b7b1;font-size:10px;letter-spacing:.1em;display:flex;justify-content:space-between}small span{font-size:18px;color:#fff}.cards h3{font-size:26px;letter-spacing:-.05em;margin:19px 0 11px}.cards p,.details p,.details li{font-size:13px;color:#b8b7b1;line-height:1.55}.about{padding:10vw 4.5vw;display:grid;grid-template-columns:.7fr 2fr;gap:5vw}.about-tag{font-size:11px;font-weight:bold;letter-spacing:.1em;display:flex;gap:17px}.quote{margin:0;max-width:880px;font-size:clamp(31px,4.6vw,66px);line-height:1.03;letter-spacing:-.065em}.details{border-top:1px solid #d5d3cc;padding-top:22px;margin-top:7vw;display:grid;grid-template-columns:1.3fr 1fr;gap:8vw;max-width:810px}.details>b,.details div>b{font-size:10px;letter-spacing:.1em}.details p,.details li{color:#575650}.details ul{padding:0;list-style:none}.details li{padding:7px 0;border-bottom:1px solid #d5d3cc}.contact{min-height:70vh;background:#dfff46;padding:9vw 4.5vw 2.5vw;display:flex;flex-direction:column}.contact h2{font-size:clamp(47px,8vw,115px);line-height:.9;letter-spacing:-.08em;margin:7vw 0 3vw}.contact h2 em{color:#181818}.email{font-size:clamp(18px,2.5vw,35px);font-weight:bold;border-bottom:2px solid;padding-bottom:9px;align-self:flex-start}.contact footer{margin-top:auto;padding-top:10vw;color:#34362b}@media(max-width:700px){nav,.hero,.work,.about,.contact{padding-left:20px;padding-right:20px}.hero-grid,.about{grid-template-columns:1fr}.hero-grid{gap:35px;margin:80px 0}.hero footer span:last-child,.work header p,.contact footer span:nth-child(2){display:none}.cards{grid-template-columns:1fr}.about{gap:35px}.details{grid-template-columns:1fr;gap:30px}.contact{min-height:560px}}