*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;--paper:#e9e5df;--ink:#25221f;--accent:#aa6d50;--soft:#dad2c6;--art:linear-gradient(145deg,#c7a68d,#766859)}a{color:inherit;text-decoration:none}small{font-size:10px;letter-spacing:.14em;text-transform:uppercase}p{line-height:1.7}.demo-notice{text-align:center;padding:9px 12px;background:var(--ink);color:var(--paper);font-size:9px;letter-spacing:.12em}header{display:flex;justify-content:space-between;align-items:center;padding:23px 6%;border-bottom:1px solid color-mix(in srgb,var(--ink) 15%,transparent)}.logo{font-size:23px;font-weight:700;letter-spacing:-.07em}.logo span{color:var(--accent);margin-left:8px}nav{display:flex;gap:26px;font-size:11px}nav a:hover{text-decoration:underline}a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.hero{position:relative;min-height:550px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:5%;padding:70px 6% 95px;overflow:hidden}.hero-copy{position:relative;z-index:1}h1{margin:24px 0;font-size:clamp(45px,6.3vw,84px);line-height:.98;font-weight:500;letter-spacing:-.07em}h1 em{color:var(--accent);font-style:normal}.hero-copy>p{font-size:14px;max-width:360px;opacity:.72}.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;margin-top:20px;padding:16px 23px;border:1px solid var(--ink);border-radius:30px;font-size:11px;transition:background .2s,color .2s}.pill:hover{background:var(--ink);color:var(--paper)}.hero-art{height:360px;border-radius:50% 50% 3% 3%;background:var(--art);position:relative;overflow:hidden}.shape{position:absolute;inset:15% 13% -20% 28%;border-radius:50% 50% 0 0;background:linear-gradient(140deg,#ffffff80,transparent 50%,#0004);transform:rotate(-12deg)}.hero-art>span{position:absolute;bottom:30px;right:25px;color:#fff;font-size:11px;letter-spacing:.12em;line-height:1.5}.hero-caption{display:flex;justify-content:space-between;position:absolute;bottom:28px;left:6%;right:6%;font-size:9px;letter-spacing:.13em}.hero-caption>a{font-size:20px}.work,.about,.contact{padding:70px 6%;border-top:1px solid color-mix(in srgb,var(--ink) 15%,transparent)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:22px 0 35px}h2{margin:0;font-size:clamp(32px,4.3vw,58px);line-height:1.04;letter-spacing:-.06em;font-weight:500}.section-head p{max-width:240px;font-size:12px}.projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.project-art{height:210px;margin-bottom:20px;border-radius:4px;background:var(--art);position:relative;overflow:hidden}.project-art:before{content:'';position:absolute;inset:20% 20% -10%;border:1px solid #fff8;border-radius:50% 50% 0 0;transform:rotate(-18deg)}.art-1{filter:hue-rotate(30deg);border-radius:50% 50% 3px 3px}.art-2{filter:hue-rotate(-25deg)}.project-art span{position:absolute;left:18px;bottom:14px;font-size:38px;font-weight:700;color:#ffffff80}h3{font-size:20px;letter-spacing:-.04em;margin:10px 0}.about{background:var(--soft);display:grid;grid-template-columns:1fr 1fr;gap:28px}.about>small{grid-column:1/-1}.about>p{margin:0;font-size:14px;max-width:410px;opacity:.8}.details{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:20px}.details b{color:var(--accent)}.details p{font-size:12px;opacity:.7}.contact{text-align:center;padding-block:90px}.contact h2{margin:24px 0;font-size:clamp(45px,6vw,80px)}.contact>p{max-width:400px;margin:auto;font-size:13px;opacity:.7}footer{display:flex;justify-content:space-between;gap:20px;padding:24px 6%;border-top:1px solid color-mix(in srgb,var(--ink) 15%,transparent);font-size:11px}.fitness{--paper:#121613;--ink:#f4f5ed;--accent:#b5e548;--soft:#1f2920;--art:linear-gradient(125deg,#3b4626,#b5e548)}.fitness h1{text-transform:uppercase;font-weight:800}.fitness .hero-art{border-radius:4px;transform:skewY(-5deg)}.fitness .pill{background:var(--accent);color:#17200e;border-color:var(--accent);font-weight:700}.fitness .hero-art .shape{inset:10% 15%;background:linear-gradient(145deg,#e5ff9240,#14250b);border-radius:50%}.cafe{--paper:#f1e7d7;--ink:#3a2d24;--accent:#b56642;--soft:#e4d5bf;--art:linear-gradient(150deg,#d4a97c,#8f583c)}.cafe h1,.cafe h2{font-family:Georgia,serif;font-weight:400}.cafe .hero-art{border-radius:50%;height:auto;aspect-ratio:1;background:radial-gradient(circle,#392319 0 23%,#c2a080 24% 28%,#efe4cf 29% 37%,#b57650 38% 46%,transparent 47%),#e4d5bf}.cafe .hero-art .shape{display:none}.cafe .hero-art>span{color:#6a4933}.portfolio{--paper:#e6dbef;--ink:#28202e;--accent:#9558b0;--soft:#d5c6e1;--art:linear-gradient(145deg,#e0ac96,#9f73af 60%,#5c5079)}.portfolio h1 em{font-family:Georgia,serif;font-weight:400;font-style:italic}.portfolio .hero-art{border-radius:4px}.portfolio .shape{border-radius:50%;inset:12%;transform:rotate(30deg);background:linear-gradient(120deg,#e8c2ab,#825797)}
@media(max-width:600px){header{padding:20px 6%;gap:15px}.logo{font-size:20px}nav{gap:13px;font-size:10px}.demo-notice{font-size:7px}.hero{grid-template-columns:1fr;gap:35px;padding-top:50px;padding-bottom:65px}.hero-art{height:260px;width:85%;justify-self:end}.hero-copy p{font-size:13px}h1{font-size:52px}.hero-caption{font-size:7px;bottom:18px}.work,.about,.contact{padding:52px 6%}.section-head{display:block}.projects{grid-template-columns:1fr}.project-art{height:260px}.projects article+article{margin-top:16px}.about{grid-template-columns:1fr}.about>small,.details{grid-column:auto}.details{gap:20px}.details h3{font-size:18px}footer{font-size:9px}.cafe .hero-art{width:75%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}


/* Editorial refinement: illustrations and typography specific to each concept. */
body{font-synthesis:none}header{padding-block:24px}.logo{display:flex;flex-direction:column;align-items:flex-start;gap:3px;line-height:1;letter-spacing:-.065em;font:400 36px/1 Georgia,serif}.logo small{font:8px/1.7 Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase}.clinic .logo,.barber .logo,.coffee .logo{font:400 36px/1 Georgia,serif;text-transform:none;letter-spacing:-.065em}.barber .logo{font-family:Arial,sans-serif;font-weight:800}.logo span{display:none}nav{gap:28px;font-size:11px}nav a{padding:10px 0;text-decoration:none;transition:opacity .25s}nav a:hover{opacity:.55;text-decoration:none}
.hero{grid-template-columns:1.1fr 1fr;gap:7%;padding:54px 6% 85px;min-height:0;align-items:center}.hero-copy>small{display:inline-flex;align-items:center;gap:10px;font-size:8px;line-height:1.7;letter-spacing:.18em}.hero-copy>small:before{content:'';width:22px;height:1px;background:var(--accent)}h1,.barber h1{font-size:clamp(43px,5.7vw,76px);line-height:1.04;letter-spacing:-.065em;margin:26px 0}.architecture h1,.architecture h2{font-family:Georgia,serif;font-weight:400}.barber h1{font-size:clamp(42px,5.2vw,68px);font-weight:800;line-height:1.04}.hero-copy>p{font-size:14px;line-height:1.85;max-width:360px;opacity:.78}.pill{min-height:48px;justify-content:center;gap:0;padding:15px 25px;letter-spacing:.015em;font-size:11px;border-radius:2px;transition:background .3s,color .3s,transform .3s}.pill:hover{transform:translateY(-2px)}.clinic .pill,.coffee .pill{border-radius:99px}.barber .pill{border-radius:3px}
.hero-art,.clinic .hero-art,.barber .hero-art,.coffee .hero-art{position:relative;aspect-ratio:4/5;min-height:0;height:auto;width:100%;overflow:hidden;border-radius:2px;background:var(--soft);box-shadow:0 22px 45px color-mix(in srgb,var(--ink) 12%,transparent)}.clinic .hero-art{border-radius:44% 44% 4px 4px}.coffee .hero-art{border-radius:140px 4px 4px 4px}.editorial-scene{display:block;width:100%;height:100%}.media-caption{position:absolute;bottom:16px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px;background:color-mix(in srgb,var(--paper) 90%,transparent);color:var(--ink);font:7px/1.5 Arial,sans-serif;letter-spacing:.12em}.hero-caption{font-size:7px;letter-spacing:.16em}.hero-caption>a{font-size:9px;letter-spacing:.05em}
.signature-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:24px 6%;border-block:1px solid color-mix(in srgb,var(--ink) 15%,transparent);background:color-mix(in srgb,var(--soft) 45%,var(--paper))}.signature-strip span{display:flex;gap:12px;align-items:center;font-size:10px;letter-spacing:.03em}.signature-strip i{color:var(--accent);font:italic 13px Georgia,serif}.work,.about,.contact{padding:80px 6%}.work{border-top:0}.section-head{align-items:center;margin-block:25px 40px}h2{line-height:1.09;font-size:clamp(32px,4vw,54px)}.section-head p{line-height:1.8;opacity:.7;max-width:240px}.projects{gap:24px}.project-art{height:245px;overflow:hidden;margin-bottom:22px;border-radius:2px;background:var(--soft);filter:none}.art-1,.art-2,.clinic .project-art,.coffee .project-art{border-radius:2px;filter:none;background:var(--soft)}.project-art:before,.coffee .project-art:before,.barber .project-art:before{content:none}.project-art>span{position:absolute;top:14px;left:14px;bottom:auto;display:grid;place-items:center;width:25px;height:25px;color:var(--ink);background:var(--paper);font:9px Arial,sans-serif;z-index:1}.project-art svg{display:block;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.75,.25,1)}.projects article{border-bottom:1px solid color-mix(in srgb,var(--ink) 18%,transparent);padding-bottom:24px}.projects article>small{font-size:8px;letter-spacing:.12em;color:var(--accent)}h3{font-size:23px;line-height:1.2;margin:12px 0;letter-spacing:-.04em;font-weight:500}.clinic h3,.coffee h3,.architecture h3{font-family:Georgia,serif}.project-description{font-size:11px;line-height:1.8;margin:0;opacity:.7;max-width:270px}.about{gap:32px 8%}.about>p{line-height:1.9}.details{gap:48px;margin-top:30px;padding-top:30px;border-top:1px solid color-mix(in srgb,var(--ink) 15%,transparent)}.details b{font:italic 20px Georgia,serif}.details h3{margin-top:18px}.contact{position:relative;background:color-mix(in srgb,var(--soft) 35%,var(--paper))}.contact h2{line-height:1.1;font-family:Georgia,serif;font-weight:400}.barber .contact h2{font-family:Arial,sans-serif;font-weight:700}.contact>p{line-height:1.85}.contact .pill{margin-top:28px}footer{font-size:10px;padding-block:27px}
@media(hover:hover){.projects article:hover .project-art{transform:none}.projects article:hover svg{transform:scale(1.035)}}
@media(max-width:600px){header{padding:20px 6% 15px;gap:15px}.logo,.clinic .logo,.barber .logo,.coffee .logo{font-size:31px}.logo small{font-size:7px}nav{font-size:10px;gap:20px}nav a{min-height:40px;display:flex;align-items:center}.hero{padding:35px 6% 70px;grid-template-columns:1fr;gap:28px}h1,.barber h1{font-size:clamp(42px,12.5vw,68px);margin:22px 0;line-height:1.07}.hero-copy>small{font-size:7px}.hero-copy>p{max-width:340px;font-size:13px}.hero-art,.clinic .hero-art,.barber .hero-art,.coffee .hero-art{width:100%;height:340px;aspect-ratio:auto}.clinic .hero-art{border-radius:130px 130px 3px 3px}.coffee .hero-art{border-top-left-radius:100px}.hero-art svg{width:100%;height:100%}.hero-caption{bottom:24px;font-size:6px;letter-spacing:.08em}.media-caption{font-size:6px;bottom:12px;left:12px;right:12px;padding:10px}.signature-strip{gap:10px;padding-block:20px}.signature-strip span{flex-direction:column;align-items:flex-start;gap:7px;font-size:9px;line-height:1.5}.signature-strip i{font-size:11px}.work,.about,.contact{padding:56px 6%}.section-head{margin:20px 0 28px}.section-head p{margin-top:17px;font-size:12px}.projects{gap:28px}.projects article+article{margin-top:0}.project-art{height:240px}.project-description{max-width:320px;font-size:12px}.about{grid-template-columns:1fr;gap:24px}.about>small,.details{grid-column:auto}.details{grid-template-columns:1fr;gap:26px;margin-top:8px;padding-top:24px}.details h3{font-size:22px}.details p{font-size:12px}.contact h2{font-size:44px}footer{font-size:8px;line-height:1.6}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}