@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#f5f5ee;--muted:#aeb7b2;--base:#101518;--panel:#1a2225;--line:#354143;--lime:#ddf48b;--orange:#d56a3c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--base);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit}a:focus-visible{outline:2px solid var(--lime);outline-offset:5px}.shell{width:min(100% - 64px,1260px);margin-inline:auto}.site-header{border-bottom:1px solid var(--line);position:relative;z-index:3;background:var(--base)}.nav{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{text-decoration:none;font-family:'Space Grotesk',sans-serif;font-size:1.65rem;font-weight:700;letter-spacing:-.07em}.brand b,.brand span,.lime{color:var(--lime)}nav{display:flex;align-items:center;gap:34px}nav a{text-decoration:none;color:#d8dfd9;font-size:.94rem}nav a:hover,.text-link:hover{color:var(--lime)}.nav-contact{border:1px solid #859391;border-radius:99px;padding:13px 20px;color:var(--ink)}.nav-contact span{margin-left:18px}.hero{display:grid;grid-template-columns:1fr .88fr;gap:46px;align-items:center;min-height:710px;padding-block:75px 86px}.eyebrow,.label{font-size:.78rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase;color:var(--lime)}.asterisk{font-size:1.1rem;margin-right:8px}.hero h1,h2,h3{font-family:'Space Grotesk',sans-serif}.hero h1{font-size:clamp(4.5rem,8.2vw,9.2rem);letter-spacing:-.09em;line-height:.91;margin:36px 0}.hero h1 em,.contact h2 em{font-style:normal;color:var(--lime)}.hero-copy p{font-size:1.22rem;line-height:1.65;color:var(--muted);max-width:560px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:38px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;min-height:56px;border-radius:100px;padding:14px 22px;text-decoration:none;font-weight:700}.primary{background:var(--lime);color:#111719}.primary:hover{background:#edffad}.pill span{font-size:1.25rem;line-height:1}.text-link{font-weight:700;text-decoration:none}.text-link span{margin-left:10px}.hero-feature{position:relative;display:block;height:530px;min-width:0;transform:rotate(2deg);text-decoration:none;border:10px solid #e8e2d6;background:#b26743;box-shadow:22px 25px 0 #26322f;transition:transform .25s ease}.hero-feature:hover{transform:rotate(0) translateY(-8px)}.hero-photo{height:100%;background:url('assets/sundown-cafe.png') center/cover}.feature-sticker{position:absolute;top:-30px;right:-20px;background:var(--lime);color:#17201e;border-radius:50%;width:108px;height:108px;display:grid;place-items:center;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.8rem;transform:rotate(15deg)}.feature-sticker span{font-size:1rem}.feature-caption{position:absolute;bottom:0;left:0;right:0;background:#e8e2d6;color:#1f2320;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 20px;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.feature-caption strong{font-size:1.1rem;letter-spacing:-.04em;text-transform:none}.ticker{overflow:hidden;white-space:nowrap;background:var(--lime);color:#15201d;padding:15px 0;font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:.05em;font-size:1.05rem}.ticker div{width:max-content;animation:marquee 32s linear infinite}.ticker span{padding:0 28px}@keyframes marquee{to{transform:translateX(-50%)}}.work,.services,.about{padding-block:112px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:48px}.section-top h2,.about h2{font-size:clamp(3.4rem,6vw,6.8rem);line-height:1;letter-spacing:-.08em;margin:22px 0 0}.section-top p{font-size:1.1rem;color:var(--muted);line-height:1.7;max-width:420px}.work-card{text-decoration:none;display:block;background:#20292a;border:1px solid var(--line);overflow:hidden}.work-visual{height:clamp(400px,47vw,620px);background:#d67c4e;display:flex;align-items:center;justify-content:center;gap:25px;padding:50px 35px;overflow:hidden}.mini-site{background:#f8e5c6;color:#302417;width:62%;height:82%;box-shadow:15px 18px 0 #8d482b;transform:rotate(-3deg);overflow:hidden}.mini-nav{height:55px;display:flex;justify-content:space-between;align-items:center;padding:0 24px;font-size:.69rem;letter-spacing:.1em}.mini-nav b{font-size:1rem}.mini-hero{height:calc(100% - 55px);padding:8% 7%;background:linear-gradient(90deg,rgba(31,23,19,.78),rgba(31,23,19,.07)),url('assets/sundown-cafe.png') center/cover;color:#fff6e4;display:flex;flex-direction:column;justify-content:center}.mini-hero span{font-size:.63rem;letter-spacing:.17em}.mini-hero strong{font-family:'Space Grotesk',sans-serif;font-size:clamp(2rem,4vw,5rem);letter-spacing:-.07em;line-height:.95;margin-top:15px}.mini-poster{background:#2f3227;color:#fce6bc;width:28%;height:92%;transform:rotate(7deg);padding:26px;box-shadow:15px 18px 0 #8d482b;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.mini-poster:before{content:'';position:absolute;inset:42% -20% -20%;background:url('assets/sundown-cafe.png') 70% center/cover;clip-path:ellipse(70% 54% at 50% 70%)}.mini-poster span,.mini-poster small{z-index:1;font-size:.62rem;letter-spacing:.13em}.mini-poster strong{z-index:1;font-family:'Space Grotesk',sans-serif;font-size:clamp(1.5rem,2.9vw,3.6rem);letter-spacing:-.08em;line-height:.95}.work-info{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:32px 36px}.work-info h3{font-size:2.1rem;letter-spacing:-.05em;margin:8px 0}.work-info p{color:var(--muted);margin:0;line-height:1.5}.round-arrow{width:60px;height:60px;display:grid;place-items:center;border:1px solid #65716b;border-radius:50%;font-size:1.5rem;flex-shrink:0}.work-card:hover .round-arrow{background:var(--lime);color:#101518}.services{background:#1a2225}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.service-grid article{min-height:300px;padding:34px;background:#252f30;border:1px solid #3c4948;display:flex;flex-direction:column;justify-content:space-between}.service-number{color:var(--lime);font-size:.82rem}.service-grid article>span:last-child{align-self:flex-end;font-size:1.5rem}.service-grid h3{font-size:2.5rem;letter-spacing:-.06em;margin:0 0 12px}.service-grid p{color:var(--muted);line-height:1.6;max-width:440px;margin:0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about h2 i{font-style:normal;color:var(--lime)}.about p{font-size:1.2rem;line-height:1.75;color:var(--muted)}.about-note{font-size:1rem!important;border-left:2px solid var(--lime);padding-left:22px}.contact{background:var(--lime);color:#15201d;padding:95px 0}.contact .label{color:#4b602d}.contact h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(3.7rem,8vw,8rem);letter-spacing:-.085em;line-height:.98;margin:28px 0 40px}.contact h2 em{color:#365031}.dark{background:#17211d;color:#fff}.dark:hover{background:#344338}.email{display:inline-block;margin-left:25px;font-weight:700}footer{padding:28px 0;color:var(--muted);font-size:.9rem}.foot{display:flex;justify-content:space-between;gap:20px}.foot a{text-decoration:none}footer a:hover{color:var(--lime)}
@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:0}.hero-feature{width:min(100%,600px);height:450px;margin:20px auto 0}.hero h1{font-size:clamp(4.8rem,11vw,8rem)}.work-visual{height:460px}.section-top{align-items:start;flex-direction:column;gap:15px}.section-top p{max-width:600px}}@media(max-width:620px){.shell{width:min(100% - 36px,1260px)}.nav{min-height:70px}.brand{font-size:1.4rem}nav{gap:10px}nav>a:not(.nav-contact){display:none}.nav-contact{padding:10px 13px;font-size:.8rem}.nav-contact span{margin-left:4px}.hero{padding:70px 0}.hero h1{font-size:clamp(3.7rem,15vw,6rem);margin:28px 0}.hero-copy p{font-size:1.07rem}.hero-feature{height:370px;border-width:7px;box-shadow:12px 14px 0 #26322f}.feature-sticker{width:75px;height:75px;font-size:1.2rem;right:-8px}.feature-caption{padding:12px;font-size:.55rem}.feature-caption strong{font-size:.83rem}.ticker{font-size:.82rem}.work,.services,.about{padding-block:76px}.section-top h2,.about h2{font-size:clamp(3rem,13vw,5rem)}.work-visual{height:340px;padding:25px 12px;gap:8px}.mini-site{width:67%;height:76%;box-shadow:7px 9px 0 #8d482b}.mini-nav{height:32px;padding:0 9px;font-size:.35rem}.mini-nav b{font-size:.6rem}.mini-hero{height:calc(100% - 32px)}.mini-hero strong{font-size:1.85rem}.mini-hero span{font-size:.38rem}.mini-poster{height:83%;width:30%;padding:12px;box-shadow:7px 9px 0 #8d482b}.mini-poster strong{font-size:1.24rem}.mini-poster span,.mini-poster small{font-size:.36rem}.work-info{padding:24px}.work-info h3{font-size:1.7rem}.round-arrow{width:44px;height:44px}.service-grid,.about-grid{grid-template-columns:1fr;gap:14px}.service-grid article{min-height:240px}.about-grid{gap:20px}.contact{padding:75px 0}.contact h2{font-size:clamp(3.3rem,12vw,5rem)}.email{display:block;margin:25px 0 0}.foot{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}.hero-feature{transition:none}}
.portfolio-grid{display:grid;gap:20px}.secondary-work{display:grid;grid-template-columns:1fr 1fr;gap:20px}.concept-card{display:block;text-decoration:none;background:#20292a;border:1px solid var(--line);overflow:hidden}.concept-image{height:360px;background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:space-between;padding:30px;transition:background-size .25s}.concept-image span{font-size:.72rem;letter-spacing:.16em;font-weight:700}.concept-image strong{font-family:'Space Grotesk',sans-serif;font-size:clamp(2.6rem,4vw,5rem);letter-spacing:-.09em;line-height:.91}.edge-card .concept-image{background-image:linear-gradient(90deg,rgba(8,11,12,.78),rgba(8,11,12,.1)),url('assets/edge-barber.png');color:#f8e6c7}.petal-card .concept-image{background-image:linear-gradient(90deg,rgba(252,223,168,.25),rgba(252,223,168,.65)),url('assets/petal-flowers.png');color:#3e2930}.concept-caption{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:25px 30px}.concept-caption h3{font-size:1.7rem;letter-spacing:-.05em;margin:8px 0 4px}.concept-caption p{color:var(--muted);margin:0}.concept-caption>span{font-size:1.5rem}.concept-card:hover .concept-caption>span{color:var(--lime)}@media(max-width:700px){.secondary-work{grid-template-columns:1fr}.concept-image{height:320px}.concept-image strong{font-size:3.6rem}}