:root{--bg: #f3f1ec;--ink: #11110f;--muted: #77746d;--line: rgba(17, 17, 15, .14);--paper: #ebe8df;--accent: #c9ff4a;--purple: #7c55ff;--serif: Georgia, "Times New Roman", serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}::selection{background:var(--ink);color:var(--accent)}.site-shell{overflow:hidden}.site-header{width:min(1180px,calc(100% - 48px));height:82px;margin:0 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:9px;font-weight:800;letter-spacing:-.06em;font-size:17px}.brand-mark{width:29px;height:29px;display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;font:500 12px DM Mono}.brand-dot{color:var(--purple)}.nav{display:flex;gap:32px;margin-left:80px}.nav a,.header-cta{font:500 12px DM Mono;text-transform:uppercase;letter-spacing:.04em}.nav a{color:var(--muted);transition:color .2s}.nav a:hover{color:var(--ink)}.header-cta{border-bottom:1px solid var(--ink);padding-bottom:4px}.header-cta span{margin-left:7px}.hero{width:min(1180px,calc(100% - 48px));min-height:calc(100vh - 82px);margin:0 auto;position:relative;display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:40px;padding:72px 0 112px}.eyebrow{margin:0 0 18px;font:500 10px DM Mono;text-transform:uppercase;letter-spacing:.11em;color:var(--muted)}.pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:#70a900;margin-right:8px;vertical-align:1px;box-shadow:0 0 0 4px #70a9001a}h1,h2{margin:0;letter-spacing:-.075em;line-height:.91;font-weight:800}h1{font-size:clamp(64px,8.3vw,118px);max-width:760px}h1 em,h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.07em}.hero-intro{max-width:430px;margin:30px 0 28px;font-size:15px;line-height:1.65;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:26px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-width:160px;padding:14px 16px;border:0;cursor:pointer;text-transform:uppercase;font:500 10px DM Mono;letter-spacing:.06em}.button-dark{background:var(--ink);color:var(--bg)}.button:hover{transform:translateY(-2px)}.text-link{font-size:12px;color:var(--muted)}.text-link span{color:var(--ink);margin-left:5px}.hero-meta{position:absolute;bottom:32px;left:0;right:0;display:flex;justify-content:space-between;font:9px DM Mono;text-transform:uppercase;color:var(--muted);letter-spacing:.08em}.hero-art{height:min(650px,62vw);min-height:470px;position:relative}.art-card{position:absolute}.card-back{width:59%;height:74%;top:11%;right:5%;background:var(--paper);border:1px solid var(--line);padding:15px;font:10px DM Mono;transform:rotate(8deg)}.card-front{width:61%;height:73%;top:10%;right:14%;background:var(--ink);color:var(--bg);padding:24px;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(-4deg);box-shadow:20px 25px 60px #00000021}.card-front span,.card-front small{font:9px DM Mono;color:#aaa79e;letter-spacing:.08em}.card-front strong{font-size:clamp(44px,6vw,78px);line-height:.78;letter-spacing:-.09em}.card-front strong i{font-family:var(--serif);font-weight:400;color:var(--accent)}.orb{position:absolute;border-radius:50%;filter:blur(.2px)}.orb-a{width:80px;height:80px;background:var(--accent);left:7%;top:4%}.orb-b{width:34px;height:34px;background:var(--purple);right:4%;bottom:11%}.orb-c{width:17px;height:17px;background:var(--ink);left:18%;bottom:15%}.orbit{position:absolute;border:1px solid var(--line);border-radius:50%;transform:rotate(-25deg)}.orbit-a{width:94%;height:44%;top:29%;left:1%}.orbit-b{width:58%;height:28%;top:37%;left:19%;border-color:#7c55ff40}.art-note{position:absolute;font:9px DM Mono;color:var(--muted)}.note-a{top:5%;right:16%}.note-b{bottom:7%;right:11%}.section{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:145px 0}.section-heading{display:grid;grid-template-columns:110px 1fr;gap:35px;margin-bottom:72px}.section-index{font:10px DM Mono;color:var(--muted);padding-top:8px}.section-heading h2{font-size:clamp(52px,7vw,92px)}.section-copy{color:var(--muted);max-width:380px;margin:25px 0 0;font-size:13px;line-height:1.6}.work-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:24px}.project{min-width:0}.project:nth-child(3){grid-column:1 / -1}.project-visual{height:500px;position:relative;overflow:hidden}.project-number,.project-year{position:absolute;z-index:2;top:17px;font:9px DM Mono}.project-number{left:18px}.project-year{right:18px}.project-kanso .project-visual{background:#d9ff60}.project-orbit .project-visual{background:#d9d3ff}.project-serein .project-visual{height:370px;background:#171714;color:#f3f1ec}.kanso-shape{width:240px;height:240px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);border:1px solid var(--ink);display:grid;place-items:center}.kanso-shape i{width:160px;height:160px;background:var(--ink);display:block;border-radius:50%}.orbit-word{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(70px,12vw,160px);font-weight:800;letter-spacing:-.12em;transform:rotate(-13deg)}.serein-word{position:absolute;inset:0;display:grid;place-items:center;font:italic clamp(80px,13vw,175px) var(--serif);letter-spacing:-.09em}.project-info{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.project-info h3{margin:0 0 4px;font-size:15px}.project-info p{margin:0;font:9px DM Mono;color:var(--muted);text-transform:uppercase}.arrow{font-size:18px}.services-section,.services-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:80px 1.1fr 1fr 40px;align-items:center;gap:20px;min-height:112px;border-bottom:1px solid var(--line);transition:padding .25s,background .25s}.service-row:hover{padding:0 18px;background:var(--paper)}.service-num,.service-row p{font:14px DM Mono;color:var(--muted)}.service-row h3{margin:0;font-size:30px;letter-spacing:-.045em}.service-row p{max-width:310px;line-height:1.6}.service-arrow{text-align:right}.pricing-section{border-top:1px solid var(--line)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.price-card{min-height:500px;position:relative;padding:25px;border:1px solid var(--line);display:flex;flex-direction:column}.price-card.featured{background:var(--ink);color:var(--bg);border-color:var(--ink)}.popular{position:absolute;right:16px;top:16px;background:var(--accent);color:var(--ink);padding:7px 9px;font:10px DM Mono;text-transform:uppercase}.price-name{margin:0 0 6px;font:16px DM Mono;text-transform:uppercase}.price-note{margin:0;color:var(--muted);font-size:14px}.featured .price-note{color:#97958e}.price-top strong{display:block;margin:70px 0 50px;font-size:clamp(44px,5vw,68px);letter-spacing:-.08em}.price-card ul{list-style:none;padding:0;margin:auto 0 35px;border-top:1px solid var(--line)}.featured ul{border-color:#f3f1ec2e}.price-card li{padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.featured li{border-color:#f3f1ec2e}.price-card li span{color:var(--muted);margin-right:9px}.price-link{display:flex;justify-content:space-between;font:12px DM Mono;text-transform:uppercase}.contact-section{background:var(--accent);padding:125px max(24px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact-main h2{font-size:clamp(70px,9vw,120px)}.contact-main>p:not(.eyebrow){max-width:300px;font-size:14px;line-height:1.6;margin:32px 0}.email-link{display:inline-flex;gap:15px;font-size:15px;border-bottom:1px solid var(--ink);padding-bottom:8px}.contact-side{display:flex;flex-direction:column;gap:12px}.contact-option{display:grid;grid-template-columns:35px 1fr auto;gap:10px;align-items:center;padding:19px 0;border-bottom:1px solid rgba(17,17,15,.2)}.contact-option span,.contact-option small{font:9px DM Mono}.contact-option small{grid-column:2;color:#11110f8c}.contact-option strong{font-size:18px}.contact-option b{grid-column:3;grid-row:1 / span 2;font-size:17px;font-weight:400}.contact-form{margin-top:22px;padding-top:22px;border-top:1px solid rgba(17,17,15,.2)}.contact-form label{display:block;margin-bottom:15px}.contact-form label>span{display:block;margin-bottom:7px;font:8px DM Mono;text-transform:uppercase}.contact-form input,.contact-form textarea{width:100%;border:0;border-bottom:1px solid rgba(17,17,15,.35);background:transparent;outline:0;padding:7px 0;color:var(--ink);resize:vertical}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#11110f73}.contact-form .button{margin-top:7px}.footer{width:min(1180px,calc(100% - 48px));margin:0 auto;min-height:180px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px;font-size:10px}.footer>p{color:var(--muted)}.footer-links{display:flex;gap:20px;justify-content:center;font:9px DM Mono;text-transform:uppercase}.footer small{justify-self:end;color:var(--muted);font:9px DM Mono}@media(max-width:800px){.site-header{width:min(100% - 28px,1180px)}.nav{display:none}.header-cta{margin-left:auto}.hero{width:min(100% - 28px,1180px);grid-template-columns:1fr;padding-top:70px}.hero-art{height:450px;min-height:0;margin-top:-10px}.hero-meta{display:none}.section{width:min(100% - 28px,1180px);padding:95px 0}.section-heading{grid-template-columns:40px 1fr;gap:10px;margin-bottom:48px}.work-grid{grid-template-columns:1fr}.project:nth-child(3){grid-column:auto}.project-visual,.project-serein .project-visual{height:370px}.services-list{margin-top:10px}.service-row{grid-template-columns:40px 1fr 25px;padding:18px 0;min-height:0}.service-row p{grid-column:2;margin:-10px 0 4px}.service-arrow{grid-column:3;grid-row:1}.pricing-grid{grid-template-columns:1fr}.price-card{min-height:420px}.contact-section{grid-template-columns:1fr;gap:55px;padding:90px 24px}.footer{width:min(100% - 28px,1180px);grid-template-columns:1fr;padding:40px 0}.footer-links{justify-content:flex-start;flex-wrap:wrap}.footer small{justify-self:start}}@media(prefers-reduced-motion:no-preference){.card-front{animation:float 6s ease-in-out infinite}.orb-a{animation:drift 7s ease-in-out infinite alternate}@keyframes float{50%{transform:rotate(-2deg) translateY(-8px)}}@keyframes drift{to{transform:translate(18px,12px)}}}
