:root{--page:var(--black);--cream:var(--beige);--paper:#f6f2ec;--ink:var(--black);--soft:var(--grey);--edge:rgba(255,255,255,.12)}
body{overflow-x:hidden;background-color:var(--black);background-image:linear-gradient(180deg,#252220,#201E1C);background-size:100% 2000px;background-repeat:no-repeat}
.site-header{padding:48px;mix-blend-mode:normal;background:transparent;border:0;box-shadow:none;backdrop-filter:none}.site-header::before{content:none}.casting-ground{position:absolute}
.hero{min-height:760px}.hero-details{left:8.333vw;bottom:10%}.hero h1 span:first-child{left:8.333vw}.hero h1 span:last-child{right:8.333vw}
.page-section{width:auto;margin-inline:8.333vw;padding:clamp(104px,12vw,180px) 0}.eyebrow{font:500 16px/18px 'Helixa',sans-serif;letter-spacing:1.28px;color:var(--cream);text-transform:uppercase}.page-section h2,.center-heading h2{background:linear-gradient(145deg,var(--cream) 3%,#fff 38%,#fff 74%,var(--cream));background-clip:text;-webkit-background-clip:text;color:transparent}
.studio-section{padding-top:clamp(120px,14vw,200px)}.studio-section h2{font-size:clamp(42px,5vw,72px);max-width:1200px;text-indent:12%;line-height:1.12}.studio-bottom{margin-top:64px}.studio-bottom p{max-width:500px;font-size:20px;line-height:1.5}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding-top:0}.stats article{display:grid;grid-template-columns:220px 1fr;align-items:center;min-height:160px;padding:32px 48px;border-radius:16px;background:var(--cream);color:var(--ink)}.stats strong{font:400 clamp(56px,5vw,72px)/1 Arturm,sans-serif;letter-spacing:.02em}.stats span{font-size:18px;line-height:1.55;max-width:250px}
.center-heading{text-align:center}.center-heading .eyebrow{color:var(--cream);margin-bottom:24px}.center-heading h2{font:500 clamp(48px,5vw,72px)/1.16 Arturm,sans-serif;margin:0;letter-spacing:.02em}
.work-showcase{padding-top:180px}.projects{display:grid;gap:32px;margin-top:88px}.project{position:relative;min-height:min(74vw,820px);border-radius:28px;overflow:hidden;padding:32px;isolation:isolate}.project-meta{position:relative;z-index:3;display:flex;justify-content:space-between;text-transform:uppercase;font-size:13px;letter-spacing:.12em}.project-caption{position:absolute;z-index:4;left:32px;right:32px;bottom:32px;display:flex;justify-content:space-between;align-items:end;gap:32px}.project-caption>div{display:flex;align-items:center;gap:16px}.project-caption img{width:48px;height:48px;object-fit:contain}.project-caption h3{font:500 clamp(30px,3vw,44px)/1 Arturm,sans-serif;margin:0}.project-caption p{max-width:360px;font-size:17px;line-height:1.45;margin:0;text-align:right}
.project-rentumo{background:linear-gradient(145deg,#132291,#3057ff 58%,#7d94ff);color:#fff}.rentumo-ui{position:absolute;inset:13% 8% 18%;perspective:1200px}.ui-window{position:absolute;border-radius:20px;background:#f8f8f4;color:#171717;box-shadow:0 36px 80px #02051866}.ui-window-main{inset:0 4% 0 12%;padding:24px 30px;transform:rotate(-2deg)}.ui-top{display:flex;align-items:center;gap:7px;font-size:13px}.ui-top i{width:7px;height:7px;border-radius:50%;background:#ddd}.ui-top b{margin-left:10px}.ui-window h3{font:500 clamp(36px,4vw,64px)/.98 Arturm,sans-serif;margin:11% 0 6%;max-width:70%}.ui-search{height:52px;border:1px solid #d7d9e1;border-radius:10px;background:linear-gradient(90deg,#fff 80%,#3156e9 80%)}.ui-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.ui-panels i{height:120px;background:linear-gradient(#e8e9ec,#d2d5dd);border-radius:10px}.ui-phone{position:absolute;right:0;bottom:-3%;width:22%;height:70%;border:9px solid #111;border-radius:30px;background:#fff;padding:28px 11px 10px;box-shadow:0 25px 50px #0007;transform:rotate(5deg)}.ui-phone div{height:34%;border-radius:10px;background:linear-gradient(145deg,#d7dbe6,#8093ca)}.ui-phone span{display:block;height:10%;background:#edf0f5;border-radius:6px;margin-top:11px}
/* Figma 64:700: 120×60 pill, 24×24 glyphs at x=24/72 and y=18. */
.quote-track{user-select:none}
.quote-track .quote-card{background:var(--beige);transition:background-color .55s ease;scroll-snap-align:center}
.quote-track .quote-card.is-active{background:#fff}
.testimonials .quote-card blockquote{font-size:clamp(30px,3.125vw,40px);line-height:1.25;font-weight:350}
.testimonials .quote-card figcaption span{font-weight:500}
.quote-card img[src$="mymahi.svg"]{box-sizing:border-box;padding:16px 2px}
@media(hover:hover){.quote-track:not(.is-dragging) .quote-card:hover{background:#fff}}
.testimonials .quote-track{--card-width:min(960px,80vw);padding-inline:calc((100vw - var(--card-width))/2);scroll-padding-inline:calc((100vw - var(--card-width))/2)}
@media(max-width:760px){.testimonials.page-section{width:auto;margin-inline:20px}.testimonials .quote-track{--card-width:90vw;margin-inline:-20px}}
@media(prefers-reduced-motion:reduce){.quote-track .quote-card{transition:none}}
.quote-controls{background:linear-gradient(90deg,#fff 0%,var(--beige) 100%);box-shadow:none}
.quote-controls button img{position:absolute;top:18px;display:block;width:24px;height:24px}
.quote-controls button:first-of-type img{left:24px;transform:scaleX(-1)}
.quote-controls button:last-of-type img{left:12px}
.quote-controls button:hover:not(:disabled){transform:none}
.quote-control-light{inset:0;background:linear-gradient(90deg,var(--beige) 0%,#fff 100%);transform:none;opacity:0;transition:opacity .45s ease}
.quote-controls button{opacity:.5;transition:opacity .3s ease}
.quote-controls button:first-of-type:not(:disabled){opacity:1}
.quote-controls:has(button:last-of-type:is(:hover,:focus-visible):not(:disabled)) .quote-control-light{opacity:1}
.quote-controls:has(button:last-of-type:is(:hover,:focus-visible):not(:disabled)) button:first-of-type{opacity:.5}
.quote-controls button:is(:hover,:focus-visible):not(:disabled){opacity:1}
.quote-controls button:disabled{opacity:.5}
@media(prefers-reduced-motion:reduce){.quote-controls button,.quote-control-light{transition:none}}
.project-hibba{background:#f4e9dc;color:#171513}.hibba-stage{position:absolute;inset:8% 5% 14%;display:grid;place-items:center}.hibba-stage>img{width:clamp(130px,18vw,260px);height:auto;filter:drop-shadow(0 18px 35px #57231526)}.hibba-stage strong{position:absolute;font:700 clamp(70px,11vw,168px)/.8 Arturm,sans-serif;letter-spacing:-.06em;color:#1b1816;mix-blend-mode:multiply}.hibba-orbit{position:absolute;width:66%;aspect-ratio:1;border:2px solid #ff8259;border-radius:50%;transform:rotate(-18deg)}.hibba-orbit::after{content:"";position:absolute;inset:15%;border-radius:50%;background:#ff7852;opacity:.2}
.project-onivius{background:#ff7a26;color:#171513}.onivius-stage{position:absolute;inset:11% 8% 18%;display:flex;align-items:center;justify-content:center;gap:8%}.onivius-stage>img{width:28%;height:auto;filter:brightness(0)}.onivius-stage>div{display:flex;flex-direction:column;gap:18px;font:500 clamp(48px,7vw,104px)/.9 Arturm,sans-serif}.onivius-stage span{display:block;border-bottom:2px solid #171513;padding-bottom:10px}.project-onivius .project-caption img{filter:brightness(0)}
.services-section{padding-top:200px}.service-list{border-top:1px solid var(--edge);margin-top:88px}.service-list article{display:grid;grid-template-columns:72px 1fr 1fr;gap:32px;align-items:start;padding:34px 0;border-bottom:1px solid var(--edge)}.service-list article>span{color:var(--orange);font-size:14px}.service-list h3{font:500 clamp(28px,3vw,42px)/1.1 Arturm,sans-serif;margin:0}.service-list p{color:var(--soft);font-size:18px;line-height:1.55;margin:0;max-width:440px}
.philosophy{width:calc(100% - 48px);max-width:1200px;min-height:720px;margin:40px auto;padding:120px clamp(40px,8.333vw,120px);display:flex;flex-direction:column;justify-content:flex-start;background:var(--orange)}.philosophy h2{font-size:clamp(42px,4.445vw,64px);font-weight:400;line-height:1.125;letter-spacing:.02em;max-width:824px;margin:40px 0 64px;opacity:.96}.philosophy .eyebrow{margin:0}.philosophy-note{font-size:24px}
.why{padding-top:180px}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:88px}.why-grid article{min-height:180px;padding:34px 36px;border-radius:16px;background:var(--cream);color:var(--ink)}.why-grid h3{font:500 26px/1.2 Arturm,sans-serif;margin:0 0 18px}.why-grid p{font-size:18px;line-height:1.55;margin:0;max-width:440px}
.testimonials{padding-top:200px}.quote-controls{margin:50px auto 80px}.quote-track{margin-inline:-8.333vw;padding-inline:8.333vw;scroll-padding-left:8.333vw;gap:24px;cursor:grab;scrollbar-width:none}.quote-track::-webkit-scrollbar{display:none}.quote-track.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}.quote-card{flex-basis:min(960px,80vw);min-height:640px;padding:96px 80px 80px;border-radius:24px}.quote-card blockquote{font-size:clamp(30px,3vw,40px);line-height:1.2}
.founder{padding-top:180px;padding-bottom:180px;grid-template-columns:454px minmax(0,1fr);gap:12%}.founder-photo>img{max-height:900px}.founder-photo figcaption{right:-18%;bottom:6%;background:transparent}.founder-copy h2{font-size:clamp(54px,6vw,76px)}
.contact-panel{min-height:960px;margin:16px;padding:120px max(8.333vw,40px) 32px}.contact-top{grid-template-columns:1fr 1fr}.contact-top h2{font-size:clamp(48px,5vw,72px)}.footer-bottom{align-items:center}.footer-bottom nav{display:flex;gap:24px}.footer-bottom nav a{text-decoration:none}
.reveal{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}
@media(max-width:900px){.site-header{padding:28px 24px}.stats article{grid-template-columns:140px 1fr;padding:28px}.project{min-height:700px}.project-caption{align-items:flex-start;flex-direction:column}.project-caption p{text-align:left}.service-list article{grid-template-columns:48px 1fr}.service-list p{grid-column:2}.founder{grid-template-columns:40% 1fr;gap:8%}.footer-bottom nav{width:100%;flex-wrap:wrap}}
@media(max-width:760px){body{background:#201E1C}.site-header{position:absolute}.site-header::before{display:none}.wordmark,.wordmark img{width:102px;height:auto}.site-nav{width:100%;justify-content:space-between;font-size:14px}.hero{min-height:100svh}.hero-details{max-width:none}.page-section{width:calc(100% - 40px);padding:88px 0}.studio-section h2{text-indent:0;font-size:38px}.studio-bottom{margin-top:36px}.stats{grid-template-columns:1fr;gap:16px}.stats article{grid-template-columns:110px 1fr;min-height:124px;padding:24px}.stats strong{font-size:50px}.stats span{font-size:16px}.center-heading h2{font-size:42px}.work-showcase,.services-section,.why,.testimonials{padding-top:104px}.projects{margin-top:52px;gap:20px}.project{min-height:580px;border-radius:20px;padding:22px}.project-caption{left:22px;right:22px;bottom:22px}.project-caption img{width:36px;height:36px}.project-caption h3{font-size:28px}.project-caption p{font-size:15px}.rentumo-ui{inset:17% 4% 27%}.ui-window-main{inset:0 7% 0 2%;padding:16px}.ui-window h3{font-size:30px}.ui-phone{width:31%;height:65%}.hibba-stage strong{font-size:58px}.hibba-stage>img{width:42%}.onivius-stage{flex-direction:column}.onivius-stage>img{width:45%}.onivius-stage>div{font-size:46px}.service-list{margin-top:52px}.service-list article{padding:26px 0}.service-list h3{font-size:30px}.philosophy{min-height:620px;padding:70px 24px}.philosophy h2{font-size:42px;margin:36px 0 60px}.why-grid{grid-template-columns:1fr;gap:16px;margin-top:52px}.why-grid article{min-height:0;padding:28px}.quote-card{flex-basis:90vw;min-height:520px;padding:32px}.founder{grid-template-columns:1fr;gap:56px}.founder-photo{max-width:440px;margin-inline:auto}.founder-photo figcaption{right:0}.contact-panel{min-height:auto;padding:64px 24px 28px}.contact-top{grid-template-columns:1fr}.contact-top h2{font-size:42px}.footer-bottom nav{gap:14px;font-size:12px}}