@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&family=Cormorant+Garamond:wght@500&family=Barlow+Condensed:wght@700&display=swap');
:root{--paper:#f7f6f0;--ink:#25372d;--purple:#772589;--mint:#dce8d9;--mobile-bg:#f7f6f0;--mobile-ink:#25372d}body{font-family:'DM Sans',sans-serif;background:var(--paper);color:var(--ink)}.studio-header{display:flex;align-items:center;justify-content:space-between;gap:30px;height:125px;border-bottom:1px solid #cbd2c7}.studio-brand{display:inline-flex;flex-direction:column;align-items:center;gap:10px;flex-shrink:0}.studio-brand img{width:165px;height:auto}.studio-brand>span{font-size:8px;letter-spacing:.26em;color:var(--purple)}.desktop-nav{display:flex;gap:28px;align-items:center;font-size:11px}.studio-header-cta{font-size:10px;letter-spacing:.07em;border-bottom:1px solid var(--ink);padding-bottom:8px;gap:25px}.studio-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:5%;padding-block:75px 85px;align-items:center}.studio-kicker{font-size:8px;letter-spacing:.12em;display:flex;align-items:center;gap:9px}.tiny-square{background:var(--purple);width:6px;height:6px;display:inline-block}.studio-hero h1{font:500 clamp(65px,7.7vw,112px)/.9 'Space Grotesk',sans-serif;letter-spacing:-.075em;position:relative;max-width:460px;margin:35px 0}.studio-hero h1>span{color:var(--purple)}.studio-hero h1>i{font-style:normal;position:absolute;bottom:-4px;right:10px;font-size:110px;font-weight:400;color:var(--purple)}.studio-hero-copy>p{font-size:14px;line-height:1.9;color:#6d7969}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:30px}.studio-hero .button{background:var(--ink);color:var(--paper);font-size:11px;padding:18px 21px}.hero-actions .text-link{font-size:10px;gap:8px}.studio-wall{height:590px;background:var(--mint);position:relative;border-radius:50% 50% 0 0;overflow:hidden;isolation:isolate}.wall-grid{position:absolute;inset:0;background-image:linear-gradient(#bccfb566 1px,transparent 1px),linear-gradient(90deg,#bccfb566 1px,transparent 1px);background-size:40px 40px;z-index:-1}.wall-label{position:absolute;top:45px;left:0;right:0;text-align:center;font-size:7px;letter-spacing:.14em}.mini-window{position:absolute;display:block;border:1px solid #c3c5b7;box-shadow:0 15px 35px #1d382b1f;border-radius:7px;overflow:hidden;width:75%;transition:transform .25s}.mini-window img{height:210px;object-fit:cover;object-position:top}.window-chrome{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#fafaf6;color:#8b9284;padding:8px 12px;font-size:6px}.window-chrome>span{font-size:5px;letter-spacing:3px}.window-chrome>small{font-size:5px;letter-spacing:.1em}.window-chrome>b{font-size:10px;font-weight:400}.window-salon{top:105px;left:8%;transform:rotate(-7deg);z-index:1}.window-garden{top:235px;right:5%;transform:rotate(7deg);z-index:2}.window-car{top:370px;left:7%;transform:rotate(-5deg);z-index:3;width:65%}.window-car img{height:155px}.window-salon:hover{transform:translateY(-8px) rotate(-7deg)}.window-garden:hover{transform:translateY(-8px) rotate(7deg)}.window-car:hover{transform:translateY(-8px) rotate(-5deg)}.wall-note{position:absolute;right:18px;bottom:25px;writing-mode:vertical-rl;font-size:7px;letter-spacing:.12em}.studio-strip{background:var(--ink);color:var(--mint);display:flex;justify-content:space-around;align-items:center;padding:25px 5%;gap:20px;font-size:9px;letter-spacing:.1em}.studio-strip>span:nth-child(even){font-size:26px;color:#b3cfaa}.selected-work{padding-block:100px}.work-intro{display:grid;grid-template-columns:.5fr 1fr;gap:80px;margin-bottom:65px}.work-intro>.eyebrow{padding-top:10px}.work-intro h2,.offer-heading h2,.process-heading h2{font:500 clamp(36px,4.2vw,59px)/1.12 'Space Grotesk',sans-serif;letter-spacing:-.055em}.work-intro p{font-size:13px;line-height:1.9;color:#6d7969;max-width:500px;margin-top:25px}.work-project{display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;margin-bottom:35px;min-height:470px}.project-copy{padding:45px 12%}.project-count{font-size:8px;letter-spacing:.12em;color:#7c7a6e}.project-copy h3{font:500 83px/.9 'Cormorant Garamond',Georgia,serif;letter-spacing:-.07em;margin:30px 0}.project-copy h3>span{font:7px 'DM Sans',sans-serif;letter-spacing:.3em;display:block;margin-top:14px}.project-copy>p{font-size:18px;line-height:1.5;letter-spacing:-.03em}.project-tags{display:flex;flex-wrap:wrap;gap:6px;margin:25px 0 30px}.project-tags span{border:1px solid #9996;padding:5px 9px;border-radius:20px;font-size:8px;color:#6a6b5e}.project-copy .text-link{font-size:11px}.mira-project{background:#f0e5d8;color:#49342b}.garden-project{grid-template-columns:1.25fr .75fr;background:#e4e9da;color:#23412c}.project-copy h3.evergreen-title{font-family:Georgia,serif;font-size:44px;letter-spacing:-.06em}.car-project{background:#e5e7e3;color:#202723}.project-copy h3.obsidian-title{font:700 61px/.9 'Barlow Condensed',sans-serif;letter-spacing:.02em}.project-visual{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:470px;padding:45px 35px;overflow:hidden}.salon-visual{background:#e6d1bf}.garden-visual{background:#cbd7b9}.car-visual{background:#bcc3ba}.project-browser{border:1px solid #ffffff77;border-radius:7px;overflow:hidden;box-shadow:0 22px 40px #28372922;transition:transform .3s;width:100%;max-width:650px;background:white}.salon-visual .project-browser{transform:rotate(-3deg)}.garden-visual .project-browser{transform:rotate(3deg)}.car-visual .project-browser{transform:rotate(-2deg)}.project-visual:hover .project-browser{transform:rotate(0) translateY(-5px)}.project-browser img{height:auto;aspect-ratio:1.53;object-fit:cover;object-position:top}.project-browser .window-chrome{padding:10px 15px}.project-browser .window-chrome small{font-size:6px}.visual-caption{font-size:7px;letter-spacing:.17em;margin-top:25px;align-self:start;opacity:.6}.work-note{font-size:10px;color:#87907e;line-height:1.8;margin-top:30px;max-width:740px}.studio-offer{background:var(--mint);padding-block:90px}.offer-layout{display:grid;grid-template-columns:1fr 1fr;gap:12%}.offer-heading h2{margin:25px 0}.offer-heading>p{font-size:13px;color:#697b60;max-width:280px;line-height:1.8}.offer-star{display:block;color:var(--purple);font-size:110px;margin-top:35px;line-height:1}.offer-list article{display:grid;grid-template-columns:30px 1fr;gap:20px;padding:25px 0;border-top:1px solid #a8b99e}.offer-list article:first-child{padding-top:0;border:0}.offer-list article>span{font-size:9px;color:#738b68;padding-top:5px}.offer-list h3{font:500 22px 'Space Grotesk',sans-serif;letter-spacing:-.04em}.offer-list p{font-size:12px;line-height:1.8;color:#697b60;max-width:370px;margin-top:12px}.studio-process{padding-block:100px}.process-heading{display:flex;justify-content:space-between;gap:50px;margin-bottom:55px}.process-heading .eyebrow{padding-top:10px}.process-track{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-top:1px solid #abb5a4;padding-top:25px}.process-track article>span{font-size:8px;letter-spacing:.1em;color:#83917b}.process-track h3{font:500 23px 'Space Grotesk',sans-serif;letter-spacing:-.04em;margin:25px 0 15px}.process-track p{font-size:12px;line-height:1.8;color:#7b8674;max-width:290px}.studio-contact{background:#67267b;color:#faf5fa;padding-block:75px}.studio-contact .eyebrow{font-size:9px;color:#d9badf}.studio-contact h2{font:500 clamp(52px,7vw,100px)/1 'Space Grotesk',sans-serif;letter-spacing:-.065em;margin:35px 0}.studio-contact h2>span{color:#d9e8c8}.contact-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px}.contact-bottom p{font-size:13px;line-height:1.8;color:#d9badf}.contact-bottom .button{background:#d9e8c8;color:#263729;font-size:11px}.contact-email{display:inline-block;font-size:11px;color:#d9badf;margin-top:35px;border-bottom:1px solid #d9badf66;padding-bottom:5px}.studio-footer{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-block:45px;font-size:9px}.studio-footer>span{color:#7b8674;line-height:1.8}.studio-footer>div{display:grid;gap:12px}.studio-footer .studio-brand img{width:140px}.studio-footer .studio-brand>span{font-size:7px}@media(max-width:1100px){.studio-header-cta{display:none}.studio-hero{gap:4%}.studio-hero h1{font-size:88px}.studio-hero h1>i{font-size:90px;right:0}.studio-wall{height:550px}.mini-window img{height:180px}.window-car{top:350px}.window-garden{top:225px}.window-salon{top:110px}.window-car img{height:145px}.work-intro{gap:35px;grid-template-columns:.5fr 1fr}.project-copy{padding:35px 10%}.project-copy h3.evergreen-title{font-size:36px}.project-copy h3.obsidian-title{font-size:47px}.project-visual{min-height:400px;padding:35px 25px}.work-project{min-height:400px}.project-copy>p{font-size:16px}}@media(max-width:800px){.studio-hero{grid-template-columns:1fr;padding-block:50px;gap:45px}.studio-hero h1{font-size:100px;max-width:400px}.studio-hero h1>i{right:20px;font-size:100px}.studio-wall{max-width:600px;width:100%;margin:auto;height:560px}.mini-window{width:73%}.mini-window img{height:210px}.window-salon{top:100px}.window-garden{top:230px}.window-car{top:365px;width:65%}.window-car img{height:150px}.studio-strip{font-size:8px;gap:14px}.studio-strip>span:nth-child(even){font-size:20px}.studio-strip>span:last-child{display:none}.work-intro{display:block;margin-bottom:40px}.work-intro>div{margin-top:25px}.work-project,.garden-project{grid-template-columns:1fr}.garden-project .project-copy{grid-row:1}.project-copy{padding:35px}.project-copy h3{margin:22px 0}.project-copy h3.evergreen-title{font-size:48px}.project-copy h3.obsidian-title{font-size:65px}.project-tags{margin:20px 0 25px}.project-visual{min-height:0;padding:40px 30px}.selected-work{padding-block:70px}.offer-layout{grid-template-columns:1fr;gap:45px}.offer-star{display:none}.studio-offer{padding-block:65px}.process-heading{display:block}.process-heading h2{margin-top:25px}.process-track{grid-template-columns:1fr;gap:25px}.process-track article{border-bottom:1px solid #cbd2c7;padding-bottom:25px}.process-track h3{margin:12px 0}.process-track p{max-width:450px}.studio-process{padding-block:70px}.studio-header{height:115px}.studio-contact{padding-block:60px}.contact-bottom{display:block}.contact-bottom .button{margin-top:25px}.studio-footer{flex-wrap:wrap;gap:30px}.studio-footer>.studio-brand{width:45%;align-items:start}.studio-footer>span{max-width:45%}.studio-footer>div{width:45%}.studio-hero-copy>p{font-size:13px}.hero-actions{gap:25px}}@media(max-width:450px){.studio-hero h1{font-size:90px;max-width:335px}.studio-hero h1>i{right:15px;font-size:90px}.studio-kicker{font-size:7px}.studio-wall{height:460px}.mini-window img{height:160px}.window-salon{top:95px}.window-garden{top:205px}.window-car{top:305px}.window-car img{height:125px}.wall-label{font-size:6px;top:40px}.wall-note{font-size:6px;right:12px}.studio-strip{flex-wrap:wrap;justify-content:center;font-size:7px;padding:20px}.studio-strip>span:nth-child(4){display:none}.project-copy{padding:30px 25px}.project-copy>p{font-size:17px}.project-visual{padding:30px 20px}.work-intro h2{font-size:37px}.studio-contact h2{font-size:55px}.studio-footer>.studio-brand{width:100%}}

.work-intro p{font-size:15px}.offer-list p,.process-track p{font-size:14px}.offer-heading>p{font-size:14px}.studio-hero-copy>p{font-size:15px}.desktop-nav{font-size:12px}.project-tags span{font-size:9px}.contact-bottom p{font-size:14px}@media(max-width:450px){.studio-hero-copy>p{font-size:14px}}

/* Tsubomi identity */
:root{--purple:#a44840}.studio-brand{flex-direction:row;gap:8px}.studio-brand img{width:86px;height:58px;object-fit:contain}.studio-brand>span{font:600 24px/1.2 "Space Grotesk",sans-serif;letter-spacing:-.04em;color:var(--ink)}

/* Typography hierarchy: display, section, subsection, body, supporting text. */
:root{--text-body:1.125rem;--text-small:.9375rem;--text-muted:#596650}
body{font-size:var(--text-body);line-height:1.65}
.studio-header{height:auto;min-height:108px;padding-block:18px;gap:24px}
.desktop-nav{font-size:1rem;gap:24px;line-height:1.5}
.studio-header-cta{font-size:1rem;letter-spacing:0}
.studio-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7%;padding-block:64px 72px}
.studio-hero-copy>p,.work-intro p,.offer-heading>p,.offer-list p,.process-track p,.contact-bottom p{font-size:var(--text-body);line-height:1.65;color:var(--text-muted)}
.studio-hero-copy>p{max-width:34ch}
.studio-hero-copy>.studio-kicker{font-size:1rem;line-height:1.5;font-weight:500;letter-spacing:0;color:var(--purple);margin:0 0 18px;display:block}
.studio-hero h1{font-size:clamp(3rem,2rem + 3.5vw,5rem);font-weight:500;line-height:1.08;letter-spacing:-.045em;max-width:11ch;margin:0 0 24px}
.studio-wall{height:520px}
.window-salon{top:70px}.window-garden{top:195px}.window-car{top:325px}
.hero-actions{margin-top:28px;gap:16px 24px}
.studio-hero .button,.contact-bottom .button,.hero-actions .text-link,.project-copy .text-link,.contact-email{font-size:1rem;line-height:1.5}
.button{max-width:100%;min-height:50px}
.selected-work,.studio-process{padding-block:72px}
.selected-work{border-top:1px solid #cbd2c7}
.work-intro{display:block;max-width:660px;margin-bottom:36px}
.work-intro h2,.offer-heading h2,.process-heading h2,.studio-contact h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(2rem,1.6rem + 1.2vw,2.75rem);font-weight:500;line-height:1.2;letter-spacing:-.035em;margin:0}
.work-intro p{margin-top:16px;max-width:56ch}
.project-count{font-size:var(--text-small);line-height:1.5;letter-spacing:0;color:inherit;opacity:.8}
.project-copy{padding:36px 10%}
.project-copy h3{font-size:4rem;line-height:1.05;margin:16px 0 20px}
.project-copy h3>span{font:400 .9375rem/1.5 'DM Sans',sans-serif;letter-spacing:.04em;margin-top:6px}
.project-copy h3.evergreen-title{font-size:clamp(2rem,2.8vw,2.75rem);line-height:1.15;letter-spacing:-.04em}
.project-copy h3.obsidian-title{font-size:clamp(2.5rem,3.6vw,3.25rem);line-height:1.1}
.project-copy>p{font-size:1.125rem;line-height:1.6;letter-spacing:0}
.project-tags{gap:8px;margin:20px 0 24px}
.project-tags span{font-size:.8125rem;line-height:1.5;letter-spacing:0;padding:5px 9px}
.work-project,.project-visual{min-height:400px}
.work-note{font-size:var(--text-small);line-height:1.6;color:var(--text-muted);max-width:75ch;margin-top:24px}
.studio-offer{padding-block:72px}
.offer-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:10%}
.offer-heading h2{max-width:16ch}
.offer-heading>p{max-width:34ch;margin-top:20px}
.offer-list article{display:block;padding:24px 0}
.offer-list article:first-child{padding-top:0}
.offer-list h3,.process-track h3{font-size:1.375rem;line-height:1.35;font-weight:600;letter-spacing:-.02em;margin:0 0 10px}
.offer-list p{max-width:46ch;margin:0}
.process-heading{display:block;max-width:620px;margin-bottom:32px}
.process-track{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding-top:28px}
.process-track p{max-width:36ch}
.studio-contact{padding-block:64px}
.studio-contact h2{max-width:20ch;margin:0 0 24px;font-size:clamp(2.25rem,1.8rem + 1.5vw,3rem)}
.contact-bottom{align-items:center;gap:32px}
.contact-bottom p{color:#ead9ef;max-width:42ch}
.contact-email{color:#ead9ef;margin-top:28px;overflow-wrap:anywhere;max-width:100%}
.studio-footer{display:grid;grid-template-columns:minmax(250px,1.2fr) minmax(200px,1fr) minmax(160px,.8fr);gap:32px;align-items:center;padding-block:48px;font-size:1rem;line-height:1.7}
.studio-footer .studio-brand{width:auto;align-items:center;gap:12px;justify-self:start}
.studio-footer .studio-brand img{width:144px;height:96px;object-fit:contain;flex-shrink:0}
.studio-footer .studio-brand>span{font-size:2rem;line-height:1.2;letter-spacing:-.04em}
.studio-footer>span{max-width:none;color:var(--text-muted)}
.studio-footer>div{width:auto;gap:4px}
.studio-footer>div a{display:flex;align-items:center;min-height:44px}
.studio-footer>span:last-child{grid-column:1/-1;font-size:.9375rem;border-top:1px solid #cbd2c7;padding-top:24px}
.studio-hero>*,.work-project>*,.offer-layout>*,.process-track>*,.contact-bottom>*{min-width:0}
@media(min-width:721px) and (max-width:1050px){.studio-header>.desktop-nav:not(.studio-header-cta){gap:16px;font-size:.9375rem}}
@media(max-width:1000px){.studio-footer{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.studio-footer>div{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 28px}}
@media(max-width:800px){
 .studio-hero{grid-template-columns:1fr;padding-block:40px 48px;gap:36px}
 .studio-hero h1{font-size:clamp(3rem,8vw,4rem);max-width:12ch}
 .studio-hero-copy>p{max-width:42ch}
 .studio-wall{height:480px;max-width:540px}
 .mini-window img{height:180px}.window-car img{height:135px}
 .window-salon{top:60px}.window-garden{top:180px}.window-car{top:305px}
 .work-intro>div{margin-top:0}
 .selected-work,.studio-process{padding-block:48px}
 .offer-layout{grid-template-columns:1fr;gap:32px}.studio-offer{padding-block:48px}
 .offer-heading h2{max-width:23ch}.offer-heading>p{max-width:42ch;margin-top:16px}
 .process-heading h2{margin-top:0}.process-track{grid-template-columns:1fr;gap:24px;padding-top:24px}
 .process-track h3{margin:0 0 10px}.process-track article{padding-bottom:24px}.process-track p{max-width:52ch}
 .studio-contact{padding-block:48px}.contact-bottom{display:block}.contact-bottom .button{margin-top:24px}
 .studio-footer{gap:24px}
}
@media(max-width:600px){
 :root{--text-body:1.0625rem}
 .studio-header{min-height:96px}.work-intro h2,.offer-heading h2,.process-heading h2{font-size:2rem}
 .project-copy{padding:28px 24px}.project-copy h3.evergreen-title{font-size:2.5rem}.project-copy h3.obsidian-title{font-size:3rem}
 .project-visual{min-height:0}.studio-contact h2{font-size:2.25rem;max-width:17ch}
 .studio-footer{grid-template-columns:minmax(0,1fr)}.studio-footer>.studio-brand,.studio-footer>span,.studio-footer>div{width:auto;max-width:100%}
 .studio-footer .studio-brand img{width:120px;height:80px}.studio-footer .studio-brand>span{font-size:1.875rem}.studio-footer>div{display:grid;gap:4px}
}
@media(max-width:450px){.studio-wall{height:400px}.mini-window img{height:145px}.window-car img{height:110px}.window-salon{top:45px}.window-garden{top:145px}.window-car{top:250px}}
@media(max-width:360px){.studio-brand img{width:68px;height:auto}.studio-brand>span{font-size:1.375rem}.studio-header{gap:12px}.studio-footer .studio-brand img{width:104px;height:auto}.project-copy h3.evergreen-title{font-size:2.25rem}}

.contact-support{font-size:1rem;line-height:1.65;color:#ead9ef;margin-top:20px;max-width:100%;overflow-wrap:anywhere}.contact-support a{text-decoration:underline;text-underline-offset:4px}
.pricing-link{font-size:1rem;margin-top:24px;line-height:1.5}