@font-face{font-family:Cormorant;src:url('assets/CormorantGaramond.ttf') format('truetype');font-display:swap}
@font-face{font-family:Jost;src:url('assets/Jost.ttf') format('truetype');font-display:swap}
:root{--cream:#fbf6ec;--paper:#fffdf9;--plum:#2e2230;--magenta:#c9367b;--rose:#e14b8a;--blush:#f7c5db;--muted:#786d75;--line:rgba(46,34,48,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--plum);font-family:Jost,Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit}img{max-width:100%;display:block}.skip-link{position:fixed;left:1rem;top:-5rem;background:var(--plum);color:white;padding:.75rem 1rem;z-index:100}.skip-link:focus{top:1rem}.site-header{height:100px;padding:0 clamp(24px,5vw,80px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(251,246,236,.94);backdrop-filter:blur(12px);position:relative;z-index:20}.brand img{width:190px;height:70px;object-fit:contain}.site-header nav{display:flex;gap:2rem}.site-header nav a,.header-cta,footer a{text-decoration:none;font-size:.78rem;text-transform:uppercase;letter-spacing:.13em}.site-header nav a:hover,footer a:hover{color:var(--magenta)}.header-cta{border-bottom:1px solid var(--magenta);padding-bottom:.25rem}.hero{min-height:calc(100vh - 100px);display:grid;grid-template-columns:1.15fr .85fr;padding:clamp(70px,10vw,150px) clamp(24px,7vw,110px);overflow:hidden}.hero-copy{align-self:center;max-width:830px}.eyebrow{margin:0 0 1.2rem;color:var(--magenta);font-size:.76rem;line-height:1.3;font-weight:600;letter-spacing:.25em;text-transform:uppercase}.hero h1,.section-heading h2,.manifesto h2,.voice h2,.about h2,.contact h2{font-family:Cormorant,Georgia,serif;font-weight:600;letter-spacing:-.025em;line-height:.96;margin:0}.hero h1{font-size:clamp(4rem,8.3vw,8.2rem)}em{font-weight:500;color:var(--magenta)}.hero-text{font-size:clamp(1rem,1.5vw,1.25rem);max-width:650px;margin:2rem 0;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.45rem;text-decoration:none;font-size:.8rem;letter-spacing:.09em;text-transform:uppercase;transition:.25s}.button-primary{background:var(--magenta);color:white}.button-primary:hover{background:var(--plum);transform:translateY(-2px)}.text-link{text-underline-offset:.35rem;text-decoration-color:var(--magenta)}.hero-art{position:relative;display:grid;place-items:center;min-height:500px}.hero-art img{width:min(35vw,430px);position:relative;z-index:2;filter:drop-shadow(0 25px 30px rgba(90,22,59,.12));animation:float 7s ease-in-out infinite}.hero-orbit{position:absolute;width:min(37vw,500px);aspect-ratio:1;border:1px solid var(--blush);border-radius:50%}.hero-art p{position:absolute;bottom:0;font-family:Cormorant,Georgia,serif;font-style:italic;font-size:1.3rem}.hero-art span{color:var(--magenta);padding:.35rem}.section-pad{padding:clamp(90px,11vw,170px) clamp(24px,7vw,110px)}.manifesto{background:var(--plum);color:white;display:grid;grid-template-columns:.7fr 1.55fr .8fr;gap:4vw;align-items:start}.manifesto .eyebrow{grid-column:1}.manifesto h2{font-size:clamp(3.4rem,6.5vw,7rem);grid-column:2}.manifesto p:last-child{grid-column:3;color:#d8cfd6;margin-top:4rem}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:4rem}.section-heading .eyebrow{align-self:start}.section-heading h2{font-size:clamp(3.3rem,6vw,6rem);text-align:right}.services{background:var(--paper)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service-card{padding:3rem 3rem 4rem;border-right:1px solid var(--line)}.service-card:last-child{border:0}.service-card span,.link-number{font-family:Cormorant,Georgia,serif;color:var(--magenta);font-size:1.1rem}.service-card h3{font:600 2rem/1.1 Cormorant,Georgia,serif;margin:4rem 0 1.25rem}.service-card p{color:var(--muted);margin:0}.work{background:var(--cream)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.project{text-decoration:none;min-height:540px;padding:2.3rem;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s}.project:hover{transform:translateY(-6px)}.project-pink{background:var(--blush)}.project-dark{background:var(--plum);color:white}.project-topline{display:flex;justify-content:space-between;text-transform:uppercase;font-size:.7rem;letter-spacing:.12em}.project-mark{font:600 clamp(6rem,13vw,12rem)/1 Cormorant,Georgia,serif;align-self:center;color:var(--magenta)}.project-dark .project-mark{color:var(--rose)}.project h3{font:600 2.4rem/1 Cormorant,Georgia,serif;margin:0 0 .8rem}.project p{max-width:530px;margin:0;opacity:.75}.voice{display:grid;grid-template-columns:1fr 1fr;gap:10vw;background:var(--paper);align-items:center}.voice h2,.about h2{font-size:clamp(3.2rem,5.5vw,5.5rem)}.voice-copy>p:last-child,.about-copy>p{color:var(--muted);max-width:600px}.voice-links{border-top:1px solid var(--line)}.voice-links a{display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:1rem;padding:1.8rem 0;border-bottom:1px solid var(--line);text-decoration:none}.voice-links strong,.voice-links small{display:block}.voice-links strong{font:600 1.6rem/1.2 Cormorant,Georgia,serif}.voice-links small{color:var(--muted)}.voice-links a:hover .arrow{transform:translate(4px,-4px)}.arrow{transition:.2s;color:var(--magenta)}.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw;align-items:center}.about-flower{display:grid;place-items:center;border:1px solid var(--blush);border-radius:50%;aspect-ratio:1}.about-flower img{width:75%;filter:drop-shadow(0 25px 30px rgba(90,22,59,.14))}.about .text-link{display:inline-block;margin-top:1.5rem}.contact{position:relative;overflow:hidden;background:var(--plum);color:white;text-align:center}.contact h2{font-size:clamp(4rem,8vw,8rem);position:relative;z-index:2}.contact .button{margin-top:3rem;position:relative;z-index:2}.button-light{background:var(--cream);color:var(--plum)}.button-light:hover{background:var(--blush);transform:translateY(-2px)}.contact img{position:absolute;width:330px;right:-70px;bottom:-70px;opacity:.8;transform:rotate(-15deg)}footer{padding:2.5rem clamp(24px,5vw,80px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;background:var(--cream);font-size:.75rem}footer img{width:150px}footer p{text-align:center;color:var(--muted)}footer div{display:flex;justify-content:flex-end;gap:1.5rem}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}@keyframes float{50%{transform:translateY(-18px) rotate(2deg)}}
@media(max-width:900px){.site-header nav{display:none}.header-cta{font-size:.66rem}.hero{grid-template-columns:1fr;padding-top:80px}.hero-art{min-height:420px}.hero-art img{width:min(70vw,390px)}.hero-orbit{width:min(76vw,450px)}.manifesto{grid-template-columns:1fr}.manifesto .eyebrow,.manifesto h2,.manifesto p:last-child{grid-column:1}.manifesto p:last-child{margin-top:1rem;max-width:560px}.section-heading{display:block}.section-heading h2{text-align:left}.service-grid{grid-template-columns:1fr}.service-card{border-right:0;border-bottom:1px solid var(--line)}.project-grid,.voice,.about{grid-template-columns:1fr}.about-flower{max-width:500px}.voice{gap:4rem}.project{min-height:460px}footer{grid-template-columns:1fr;justify-items:center}footer p{order:3}footer div{justify-content:center}}
@media(max-width:560px){.site-header{height:82px;padding:0 20px}.brand img{width:130px}.header-cta{max-width:110px;text-align:right}.hero{min-height:auto;padding-inline:20px}.hero h1{font-size:3.8rem}.hero-art{min-height:340px}.hero-actions{align-items:flex-start;flex-direction:column}.section-pad{padding-inline:20px}.manifesto h2,.section-heading h2,.voice h2,.about h2{font-size:3.25rem}.service-card{padding:2rem 1rem 3rem}.service-card h3{margin-top:2.5rem}.project{min-height:420px;padding:1.5rem}.project-topline{font-size:.62rem}.contact h2{font-size:3.7rem}.contact .button{font-size:.66rem}.contact img{width:220px;opacity:.45}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-art img{animation:none}.reveal{opacity:1;transform:none;transition:none}}

/* Editorial visual system: portfolio imagery carries the page, the peony becomes a signature. */
.hero-art{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:500px}
.hero-frame{width:min(36vw,470px);aspect-ratio:4/5;border:1px solid var(--plum);padding:2rem;display:flex;flex-direction:column;justify-content:center;position:relative;background:linear-gradient(145deg,rgba(255,255,255,.7),rgba(247,197,219,.22));box-shadow:24px 24px 0 var(--blush)}
.hero-frame:before{content:"";position:absolute;inset:1rem;border:1px solid rgba(46,34,48,.12)}
.hero-frame strong{font:500 clamp(2.8rem,5vw,5.1rem)/.9 Cormorant,Georgia,serif;position:relative}
.hero-frame strong:nth-of-type(2){color:var(--magenta);font-style:italic;margin-left:12%}
.hero-index{position:absolute;left:2rem;top:1.7rem;color:var(--magenta);font-size:.68rem;letter-spacing:.18em;padding:0}
.hero-stamp{position:absolute;right:-2.3rem;bottom:2rem;width:82px;height:82px;border-radius:50%;background:var(--cream);border:1px solid var(--blush);display:grid;place-items:center}
.hero-stamp img{width:58px;position:static;filter:none;animation:none}
.hero-art>p{position:static;max-width:360px;margin:3rem 0 0;text-align:center}
.hero-orbit{display:none}
.project{min-height:560px;position:relative;overflow:hidden;color:white;background-position:center;background-size:cover}
.project:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(22,18,23,.2) 25%,rgba(22,18,23,.88) 100%);transition:background .3s}
.project:hover:before{background:linear-gradient(to bottom,rgba(22,18,23,.08) 20%,rgba(22,18,23,.82) 100%)}
.project-justvia{background-image:url('assets/justvia-preview.jpg')}
.project-garage{background-image:url('assets/garage-plamen-preview.png')}
.project-topline,.project-content{position:relative;z-index:1}
.project h3{font-size:3.2rem}
.project p{color:rgba(255,255,255,.82);opacity:1}
.about-signature{min-height:500px;border:1px solid var(--line);padding:2.5rem;display:flex;flex-direction:column;justify-content:space-between;background:var(--paper);box-shadow:-22px 22px 0 var(--blush)}
.about-signature span{color:var(--magenta);font-size:.7rem;text-transform:uppercase;letter-spacing:.2em}
.about-signature strong{font:500 clamp(8rem,17vw,16rem)/.75 Cormorant,Georgia,serif;color:var(--plum);letter-spacing:-.08em}
.about-signature p{font-family:Cormorant,Georgia,serif;font-style:italic;font-size:1.35rem;max-width:310px}
.contact>img{display:none}
@media(max-width:900px){.hero-art{min-height:540px}.hero-frame{width:min(72vw,450px)}.about-signature{max-width:500px}}
@media(max-width:560px){.hero-art{min-height:470px}.hero-frame{width:82vw;padding:1.5rem;box-shadow:14px 14px 0 var(--blush)}.hero-stamp{right:-.7rem;width:65px;height:65px}.hero-stamp img{width:45px}.project h3{font-size:2.7rem}.about-signature{min-height:400px;padding:1.6rem;box-shadow:-12px 12px 0 var(--blush)}}
.contact-phones{display:flex;justify-content:center;gap:2.5rem;margin-top:2rem;position:relative;z-index:2}
.contact-phones a{color:white;text-decoration:none;font-size:.95rem;letter-spacing:.04em}
.contact-phones span{display:block;color:var(--rose);font-size:.66rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase}
.contact-phones a:hover{color:var(--blush)}
.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:50;display:flex;align-items:center;gap:.65rem;padding:.75rem 1rem .75rem .8rem;border-radius:999px;background:#25d366;color:#10291a;text-decoration:none;font-size:.76rem;font-weight:600;letter-spacing:.04em;box-shadow:0 12px 30px rgba(24,82,46,.24);transition:transform .2s,box-shadow .2s}
.whatsapp-float svg{width:27px;height:27px;fill:currentColor}
.whatsapp-float:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(24,82,46,.32)}
.whatsapp-float:focus-visible{outline:3px solid white;outline-offset:3px}
@media(max-width:560px){.contact-phones{flex-direction:column;gap:1rem}.whatsapp-float{right:16px;bottom:16px;width:54px;height:54px;padding:0;justify-content:center}.whatsapp-float span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}