:root{--bg:#f8f7f2;--surface:#eeede7;--ink:#11110f;--muted:#6f706b;--line:#d8d7d0;--acid:#d8ff63;--peach:#ffb48f;--lilac:#b9a7ff;--serif:"Cormorant Garamond",Georgia,serif;--sans:"Manrope",Arial,sans-serif;--body:"DM Sans",Arial,sans-serif;--gutter:clamp(22px,5.2vw,84px);--max:1380px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.5}a{color:inherit}.shell{width:min(100%,var(--max));margin-inline:auto;padding-inline:var(--gutter)}
.nav{height:84px;display:flex;align-items:center;position:sticky;top:0;z-index:50;background:rgba(248,247,242,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(216,215,208,.75)}.nav-inner{display:flex;align-items:center;justify-content:space-between;width:100%}.logo{font-family:var(--sans);font-size:18px;font-weight:700;text-decoration:none;letter-spacing:-.05em}.logo sup{font-size:7px;vertical-align:top;margin-left:2px}.nav-links{display:flex;align-items:center;gap:8px}.nav-link{min-height:42px;display:inline-flex;align-items:center;padding:0 17px;border:1px solid var(--line);border-radius:999px;text-decoration:none;font-family:var(--sans);font-size:11px;font-weight:700}.nav-link.primary{background:var(--ink);color:#fff;border-color:var(--ink)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 1px var(--ink)}
.page-hero{padding:clamp(80px,10vw,145px) 0 clamp(60px,8vw,110px)}.page-hero-grid{display:grid;grid-template-columns:1.3fr .7fr;align-items:end;gap:clamp(40px,8vw,120px)}.page-hero h1{font-family:var(--serif);font-size:clamp(76px,11vw,166px);font-weight:500;line-height:.78;letter-spacing:-.05em;margin:30px 0 0}.page-hero h1 em{font-weight:500}.page-lead{max-width:500px;color:var(--muted);font-size:clamp(17px,1.5vw,20px);line-height:1.7;margin:0}
.filters{position:sticky;top:84px;z-index:40;background:rgba(248,247,242,.94);backdrop-filter:blur(16px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.filter-inner{display:flex;align-items:center;gap:8px;padding-top:13px;padding-bottom:13px;overflow:auto}.filter-button{white-space:nowrap;min-height:39px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font-family:var(--sans);font-size:10px;font-weight:700;cursor:pointer}.filter-button.active,.filter-button:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.project-count{margin-left:auto;white-space:nowrap;font-family:var(--sans);font-size:10px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase}
.portfolio-section{padding:clamp(58px,7vw,100px) 0 clamp(100px,11vw,160px)}.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(25px,4vw,58px) clamp(18px,3vw,42px)}.project-card{text-decoration:none;display:block}.project-cover{position:relative;overflow:hidden;border-radius:28px;aspect-ratio:16/11;background:var(--surface);transition:transform .35s ease}.project-card:nth-child(3n+1) .project-cover{aspect-ratio:16/12}.project-card:hover .project-cover{transform:scale(.985)}.project-cover.cms-image{background-size:cover;background-position:center}.project-cover.visual-rasa{background:#ec624f}.project-cover.visual-ritme{background:#172442}.project-cover.visual-room{background:#e8dcea}.project-cover.visual-rasa:before{content:"RASA";position:absolute;left:7%;top:50%;transform:translateY(-52%);font:700 clamp(60px,8vw,120px)/1 var(--sans);letter-spacing:-.09em;color:#f2d84c}.project-cover.visual-ritme:before{content:"RITME";position:absolute;left:8%;top:50%;transform:translateY(-56%);font:500 clamp(65px,8vw,125px)/1 var(--serif);color:#e7f1ea}.project-cover.visual-room:before{content:"MAKE ROOM.";position:absolute;left:7%;top:50%;transform:translateY(-50%);font:700 clamp(48px,6vw,92px)/.9 var(--sans);letter-spacing:-.08em;color:#161515}.project-info{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:start;padding:19px 3px 0}.project-info h2{font-family:var(--sans);font-size:clamp(25px,3vw,42px);letter-spacing:-.055em;line-height:1;margin:0 0 8px}.project-info p{font-family:var(--sans);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0}.project-arrow{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;transition:.25s}.project-card:hover .project-arrow{background:var(--ink);color:#fff;transform:rotate(45deg)}.empty-state{grid-column:1/-1;padding:80px 20px;text-align:center;border:1px solid var(--line);border-radius:28px;color:var(--muted)}
.detail-hero{padding:clamp(72px,8vw,125px) 0 clamp(45px,6vw,80px)}.detail-back{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.detail-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(40px,8vw,120px);align-items:end;margin-top:clamp(55px,7vw,100px)}.detail-heading h1{font-family:var(--serif);font-size:clamp(82px,13vw,190px);line-height:.72;font-weight:500;letter-spacing:-.06em;margin:0}.detail-summary{font-size:clamp(18px,1.8vw,25px);line-height:1.55;color:var(--muted);margin:0}.detail-meta{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:clamp(50px,7vw,90px)}.meta-item{padding:25px 22px;border-right:1px solid var(--line)}.meta-item:first-child{padding-left:0}.meta-item:last-child{border-right:0}.meta-label{display:block;font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:9px}.meta-value{font-family:var(--sans);font-size:14px;font-weight:600}
.detail-cover{margin-bottom:clamp(80px,10vw,150px)}.detail-cover-visual{height:min(72vw,820px);min-height:440px;border-radius:32px;overflow:hidden;position:relative}.detail-cover-visual.cms-image{background-size:cover;background-position:center}.detail-cover-visual.visual-rasa{background:#ec624f}.detail-cover-visual.visual-ritme{background:#172442}.detail-cover-visual.visual-room{background:#e8dcea}.detail-cover-visual.visual-rasa:before{content:"RASA";position:absolute;left:7%;top:50%;transform:translateY(-52%);font:700 clamp(100px,17vw,270px)/1 var(--sans);letter-spacing:-.09em;color:#f2d84c}.detail-cover-visual.visual-ritme:before{content:"RITME";position:absolute;left:8%;top:50%;transform:translateY(-56%);font:500 clamp(110px,17vw,280px)/1 var(--serif);color:#e7f1ea}.detail-cover-visual.visual-room:before{content:"MAKE ROOM.";position:absolute;left:7%;top:50%;transform:translateY(-50%);font:700 clamp(80px,13vw,210px)/.85 var(--sans);letter-spacing:-.08em;color:#161515}
.story{padding-bottom:clamp(95px,12vw,180px)}.story-block{display:grid;grid-template-columns:.42fr 1fr;gap:clamp(50px,10vw,160px);padding:clamp(55px,7vw,90px) 0;border-top:1px solid var(--line)}.story-label{font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}.story-copy h2{font-family:var(--sans);font-size:clamp(34px,4.5vw,64px);font-weight:600;letter-spacing:-.06em;line-height:1.02;margin:0 0 25px}.story-copy p{font-size:clamp(17px,1.5vw,21px);line-height:1.8;color:var(--muted);max-width:780px;margin:0;white-space:pre-line}.external-button{display:inline-flex;align-items:center;gap:11px;margin-top:30px;min-height:48px;padding:0 22px;border-radius:999px;background:var(--ink);color:#fff;text-decoration:none;font-family:var(--sans);font-size:11px;font-weight:700}
.gallery{padding-bottom:clamp(110px,13vw,190px)}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,28px)}.gallery-item{margin:0;border-radius:27px;overflow:hidden;background:var(--surface)}.gallery-item:nth-child(3n+1){grid-column:1/-1}.gallery-item img{display:block;width:100%;height:auto;min-height:300px;object-fit:cover}.gallery-placeholder{grid-column:1/-1;padding:80px 24px;border:1px dashed var(--line);border-radius:28px;text-align:center;color:var(--muted)}
.next-project{background:var(--ink);color:#fff;padding:clamp(75px,9vw,130px) 0}.next-project a{display:grid;grid-template-columns:1fr auto;align-items:end;gap:30px;text-decoration:none}.next-kicker{font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#9b9b96}.next-title{font-family:var(--serif);font-size:clamp(64px,10vw,145px);line-height:.82;letter-spacing:-.05em;font-weight:500;margin:24px 0 0}.next-arrow{width:70px;height:70px;border:1px solid #444;border-radius:50%;display:grid;place-items:center;font-size:24px;transition:.25s}.next-project a:hover .next-arrow{background:var(--acid);border-color:var(--acid);color:var(--ink);transform:rotate(45deg)}
.simple-footer{padding:30px 0;border-top:1px solid var(--line)}.simple-footer-inner{display:flex;justify-content:space-between;gap:20px;font-family:var(--sans);font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.simple-footer a{text-decoration:none}
.not-found{min-height:calc(100vh - 84px);display:grid;place-items:center;text-align:center;padding:80px 20px}.not-found h1{font-family:var(--serif);font-size:clamp(65px,10vw,140px);line-height:.8;margin:0 0 30px}.not-found p{color:var(--muted);max-width:460px;margin:0 auto 28px}.not-found a{display:inline-flex;min-height:46px;align-items:center;padding:0 22px;border-radius:999px;background:var(--ink);color:#fff;text-decoration:none;font:700 11px var(--sans)}
@media(max-width:800px){.page-hero-grid,.detail-heading,.story-block{grid-template-columns:1fr}.page-hero-grid,.detail-heading{gap:35px}.portfolio-grid{grid-template-columns:1fr}.project-card:nth-child(3n+1) .project-cover,.project-cover{aspect-ratio:16/11}.project-count{display:none}.detail-meta{grid-template-columns:1fr}.meta-item,.meta-item:first-child{padding:18px 0;border-right:0;border-bottom:1px solid var(--line)}.meta-item:last-child{border-bottom:0}.detail-cover-visual{height:70vw;min-height:360px}.gallery-grid{grid-template-columns:1fr}.gallery-item:nth-child(3n+1){grid-column:auto}.next-project a{align-items:center}.next-arrow{width:55px;height:55px}.nav-link:not(.primary){display:none}}
@media(max-width:520px){.nav{height:72px}.filters{top:72px}.page-hero h1{font-size:clamp(68px,22vw,105px)}.detail-heading h1{font-size:clamp(74px,24vw,118px)}.detail-cover-visual{min-height:300px;border-radius:22px}.project-cover{border-radius:21px}.simple-footer-inner{flex-direction:column}.gallery-item{border-radius:20px}.gallery-item img{min-height:220px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}