:root{--paper:#f5f4ee;--ink:#252622;--muted:#72736b;--line:#d8d9ce;--lime:#d5f360;font-family:Manrope,'Noto Sans',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #7364cc;outline-offset:5px}::selection{background:var(--lime);color:var(--ink)}.wrap{width:min(1440px,calc(100% - 112px));margin-inline:auto}.skip{position:fixed;top:-80px;left:20px;background:var(--ink);color:#fff;padding:15px;z-index:100}.skip:focus{top:10px}.header{height:112px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:55px}.logo{font-size:51px;line-height:1;letter-spacing:-4px;font-weight:800;position:relative}.logo span{font-size:14px;letter-spacing:0;vertical-align:top;display:inline-block;margin:5px 0 0 7px}.header-note{font-size:9px;letter-spacing:1px;line-height:1.7}.header nav{display:flex;align-items:center;gap:34px;margin-left:auto;font-size:12px;font-weight:600}.header nav a{padding:12px 0;position:relative}.header nav a:after{content:'';position:absolute;bottom:4px;left:0;width:0;height:1px;background:var(--ink);transition:width .2s}.header nav a:hover:after{width:100%}.header nav a span{font-size:9px;margin-left:6px;color:var(--muted)}.header nav .nav-contact{padding:13px 18px;border:1px solid #aeb0a2;border-radius:30px}.header nav .nav-contact:after{display:none}.header nav .nav-contact:hover{background:var(--lime)}.header nav .nav-contact span{font-size:17px;color:var(--ink);margin-left:16px}.menu-toggle{display:none}.hero-top,.hero-bottom{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.1px}.hero-top{padding-top:27px}.hero-top>span:first-child{display:flex;align-items:center;gap:8px}.status-dot{display:inline-block;width:6px;height:6px;background:#698044;border-radius:50%;box-shadow:0 0 0 3px #b8cd8628;margin-right:5px}.hero-layout{display:grid;grid-template-columns:1.03fr 1fr;gap:20px;align-items:center;padding:58px 0 54px}.eyebrow{font-size:9px;letter-spacing:1.45px;font-weight:600;line-height:1.6}.hero-copy>.eyebrow{margin:0 0 24px;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font-family:'Noto Sans',sans-serif;font-size:clamp(65px,6.45vw,104px);font-weight:800;line-height:1.07;letter-spacing:-5px;margin-bottom:28px;position:relative}.serif{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;letter-spacing:-.055em}h1 .serif{font-size:1.17em;line-height:1.14}.title-star{width:62px;height:62px;fill:var(--ink);margin-left:26px;transform:rotate(-10deg);vertical-align:baseline;transition:transform 1s}.hero-copy:hover .title-star{transform:rotate(80deg)}.hero-description{font-size:13px;line-height:1.9;color:#696b61;max-width:440px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:space-between;border:0;border-radius:50px;gap:36px;padding:9px 9px 9px 23px;min-height:51px;font-size:12px;font-weight:600;transition:transform .25s,background .25s}.button:hover{transform:translateY(-3px)}.button-arrow{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;font-size:22px;transition:transform .25s}.button:hover .button-arrow{transform:rotate(45deg)}.button-dark{color:var(--paper);background:var(--ink)}.button-dark .button-arrow{background:#ffffff20}.button-lime{background:var(--lime);color:var(--ink)}.button-lime .button-arrow{background:var(--ink);color:var(--lime)}.text-link{display:inline-flex;gap:18px;align-items:center;font-size:11px;border-bottom:1px solid #aeb0a2;padding:8px 0}.text-link span{font-size:18px;transition:transform .2s}.text-link:hover span{transform:translate(3px,3px)}.art-column{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding-top:6px}.art-stage{height:480px;position:relative;background-image:linear-gradient(#d9dbd048 1px,transparent 1px),linear-gradient(90deg,#d9dbd048 1px,transparent 1px);background-size:42px 42px;background-position:center;isolation:isolate}.art-stage:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 30%,var(--paper) 76%);z-index:-1}.art-stage:after{content:'';position:absolute;bottom:36px;left:20%;width:60%;height:22px;background:#444b1622;filter:blur(16px);border-radius:50%;z-index:-1}.art-coordinates{position:absolute;left:20px;top:20px;font-size:8px;letter-spacing:1.2px;line-height:1.8;color:#787a6e;pointer-events:none}.art-index{position:absolute;right:3px;bottom:12px;font-size:8px;letter-spacing:1.2px;color:var(--muted)}.cross{position:absolute;font-size:20px;color:#949886;font-weight:400;pointer-events:none}.cross-one{top:44px;right:22px}.cross-two{bottom:15px;left:20px}.art-toolbar{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:15px 5px;font-size:10px;color:var(--muted);margin:0 12px}.tiny-arrow{font-size:17px;margin-right:6px;color:var(--ink)}.art-controls{display:flex;align-items:center;gap:12px}.motion-toggle{border:0;background:transparent;width:28px;height:28px;margin-left:4px;font-size:14px}.hero-bottom{border-top:1px solid var(--line);padding:19px 0 27px;color:var(--muted)}.hero-bottom a{color:var(--ink)}.hero-bottom a span{margin-left:20px;font-size:16px}.ticker{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);background:var(--lime);overflow:hidden;padding:19px 0}.ticker>div{width:max-content;font-size:15px;font-weight:700;letter-spacing:1.6px;animation:marquee 35s linear infinite}.ticker span{display:inline-block;font-size:22px;margin:0 44px;vertical-align:middle}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding-top:95px;padding-bottom:100px}.section-top{display:flex;align-items:center;justify-content:space-between}.small-note{font-size:10px;color:var(--muted)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:42px 0}h2{font-family:'Noto Sans',sans-serif;font-size:clamp(38px,4.2vw,65px);line-height:1.14;letter-spacing:-2.8px;font-weight:600;margin-bottom:0}.section-heading>p{color:var(--muted);font-size:12px;line-height:1.8;margin-bottom:6px}.projects{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:start}.project-concept{padding-top:80px}.project-visual{position:relative;display:block;width:100%;height:370px;overflow:hidden;border:0;text-align:left}.property-visual{background:#e1e8d9;padding:28px}.visual-caption{font-size:7px;letter-spacing:1px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.live-badge{font-size:7px;background:#f9faf4;padding:6px 8px;border-radius:20px;color:#54713a}.project-open{position:absolute;right:20px;bottom:22px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fafaf5;color:var(--ink);font-size:23px;transition:transform .3s}.project-visual:hover .project-open{transform:rotate(45deg)}.project-info{display:flex;justify-content:space-between;align-items:start;padding:21px 0;border-bottom:1px solid var(--line);gap:12px}.project-info h3{font-size:17px;letter-spacing:-.5px;margin-bottom:6px}.project-info p{font-size:10px;color:var(--muted);margin:0}.tag{font-size:6px;letter-spacing:.7px;padding-top:7px;white-space:nowrap}.lab-visual{background:#b8ace1;color:#282331;padding:28px}.services-section{background:#ebede3;border-block:1px solid #dfe1d6}.services-layout{display:grid;grid-template-columns:1fr 1.12fr;gap:80px;margin-top:54px}.services-intro h2{font-size:clamp(36px,3.5vw,55px)}.services-intro p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:25px}.services-intro .text-link{margin-top:13px}.service-list details{border-top:1px solid #bfc4b3}.service-list details:last-child{border-bottom:1px solid #bfc4b3}.service-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:17px;font-size:17px;font-weight:600;padding:28px 0}.service-list summary::-webkit-details-marker{display:none}.service-num{font-size:9px;align-self:center;font-weight:400;color:var(--muted)}.expand{margin-left:auto;font-size:26px;line-height:1;font-weight:400;transition:transform .25s}.service-list details[open] .expand{transform:rotate(45deg)}.service-body{margin-left:34px;padding-bottom:30px}.service-body p{max-width:390px;color:#676c5d;font-size:12px;line-height:1.9}.pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.pills span{font-size:8px;padding:7px 10px;border:1px solid #c5c9ba;border-radius:20px}.manifesto .asterisk{font-size:52px;line-height:1}.manifesto h2{margin-top:45px;font-size:clamp(34px,4.5vw,70px);line-height:1.35}.ink-underline{position:relative;white-space:nowrap}.ink-underline:after{content:'';position:absolute;height:8px;background:var(--lime);left:0;right:0;bottom:-4px;transform:rotate(-2deg);z-index:-1}.manifesto-bottom{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin:42px 0 0 34%;font-size:12px;color:var(--muted);line-height:1.9}.manifesto-bottom p{margin:0}.contact-section{background:var(--ink);color:var(--paper)}.contact-section .section{padding-bottom:25px}.contact-section .small-note{color:#aeb29f;font-size:8px}.contact-section .status-dot{background:var(--lime)}.contact-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;margin-top:60px}.contact-layout h2{font-size:clamp(48px,5vw,77px);position:relative;line-height:1.2}.contact-arrow{display:inline-block;color:var(--lime);font-size:90px;font-weight:400;line-height:.7;vertical-align:baseline;margin-left:17px}.contact-layout>div>p{font-size:12px;line-height:1.9;color:#abafa0;margin:26px 0}.email-link{display:inline-block;font-size:14px;border-bottom:1px solid #777e64;padding-bottom:8px}form fieldset{padding:0;border:0;margin:0 0 30px}form legend,form>label,.form-row label{font-size:10px;font-weight:500;color:#d5d8cc}form legend{margin-bottom:15px}.choice-group{display:flex;gap:8px;flex-wrap:wrap}.choice-group label{position:relative;cursor:pointer}.choice-group input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.choice-group span{display:block;border:1px solid #626854;border-radius:30px;padding:10px 14px;font-size:10px;transition:background .2s,color .2s}.choice-group input:checked+span{background:var(--lime);border-color:var(--lime);color:var(--ink)}.choice-group input:focus-visible+span{outline:3px solid #b2a4e8;outline-offset:4px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:26px}form input:not([type=checkbox]),form textarea{display:block;color:var(--paper);background:transparent;border:0;border-bottom:1px solid #5d6350;border-radius:0;padding:12px 0;font-size:12px;width:100%;resize:vertical}form input::placeholder,form textarea::placeholder{color:#a2a795}form>label{display:block}.form-bottom{margin-top:27px;display:flex;align-items:center;justify-content:space-between;gap:14px}.form-bottom p{font-size:7px;line-height:1.8;color:#a9ae9c;margin:0}.form-bottom .button{min-height:47px;font-size:11px;gap:20px}#form-status{font-size:15px;line-height:1.8;font-weight:500;margin:18px 0 0;color:var(--lime)}footer{border-top:1px solid #535849;margin-top:56px;padding-top:30px}.footer-logo{font-size:clamp(44px,5vw,72px);letter-spacing:-.08em;display:inline-block;line-height:.86}.footer-logo span{font-size:clamp(12px,1.4vw,18px);letter-spacing:0;margin:4px 0 0 7px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:.8px;color:#b1b6a4;margin-top:35px;border-top:1px solid #535849;padding-top:22px}.footer-bottom a:hover{color:var(--lime)}dialog{border:0;border-radius:10px;background:var(--paper);color:var(--ink);padding:45px;width:min(620px,calc(100% - 30px));max-height:90svh;overflow:auto}dialog::backdrop{background:#151a13b8;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:16px;top:13px;background:transparent;border:0;font-size:30px;width:40px;height:40px}dialog h2{font-family:Manrope,sans-serif;font-size:47px;line-height:1.1;margin:24px 0}.type-play{height:180px;background:#b8ace1;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:80px;font-weight:800;letter-spacing:-6px;border-radius:4px}.type-play>span{font-size:60px;color:#e6f3aa;letter-spacing:0;margin-left:12px}.type-play.serif{font-weight:400}.type-play.outline{color:transparent;-webkit-text-stroke:1px var(--ink)}.play-label{display:block;font-size:11px;margin:23px 0 8px}#play-input{width:100%;border:0;border-bottom:1px solid #a9ad9f;padding:10px 0;background:transparent}.play-options{display:flex;gap:10px;margin-top:22px}.play-options button{border:1px solid #bec0b4;background:transparent;border-radius:20px;padding:9px 17px;font-size:11px}.play-options button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.dialog-note{font-size:9px;color:var(--muted);margin:22px 0 0}
@media(min-width:1600px){.hero-layout{padding-block:80px}.art-stage{height:560px}}
@media(max-width:1150px){.wrap{width:calc(100% - 64px)}.header{gap:25px}.header nav{gap:22px}.hero-layout{gap:0}h1{font-size:75px;letter-spacing:-4px}.art-stage{height:430px}.title-star{width:43px;height:43px;margin-left:16px}.hero-actions{gap:18px}.button{gap:20px}.hero-top{font-size:7px}.services-layout,.contact-layout{gap:40px}.project-visual{height:320px}.property-visual{padding:20px}.project-info{display:block}.tag{display:block;padding-top:12px}.hero-description{font-size:12px}.contact-arrow{font-size:65px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.header{height:86px;gap:20px}.logo{font-size:43px}.header-note{font-size:7px}.menu-toggle{display:flex;align-items:center;gap:18px;margin-left:auto;border:1px solid #c3c6b7;border-radius:30px;padding:9px 14px;background:transparent;font-size:11px}.menu-toggle span{font-size:20px;line-height:1}.header nav{display:none;position:absolute;left:20px;right:20px;top:78px;background:var(--paper);z-index:10;padding:25px;border:1px solid var(--line);box-shadow:0 20px 25px #25262212;align-items:stretch}.header nav.open{display:flex;flex-direction:column;gap:12px}.header nav a{font-size:17px}.hero-top>span:last-child{display:none}.hero-top{padding-top:22px;font-size:8px}.hero-layout{padding:45px 0 30px;grid-template-columns:1fr}.hero-copy>.eyebrow{font-size:8px;margin-bottom:20px}h1{font-size:clamp(62px,11vw,87px);letter-spacing:-4px;margin-bottom:20px}.title-star{width:45px;height:45px;margin-left:28px}.hero-description{font-size:13px;max-width:410px}.hero-actions{gap:24px}.art-column{margin:35px 0 0}.art-stage{height:390px;max-width:580px;width:100%;align-self:center}.art-toolbar{margin:0}.hero-bottom{font-size:7px;letter-spacing:.6px}.hero-bottom>span{max-width:150px;line-height:1.5}.ticker{padding:15px 0}.ticker>div{font-size:12px}.ticker span{margin:0 25px}.section{padding-block:65px}.section-top .small-note{display:none}.section-heading{margin:30px 0;display:block}h2{font-size:43px;letter-spacing:-2px}.section-heading>p{margin-top:20px;font-size:12px}.projects{grid-template-columns:1fr;gap:35px}.project-concept{padding-top:0}.project-visual{height:380px}.project-info{display:flex}.tag{font-size:6px}.services-layout{grid-template-columns:1fr;gap:35px;margin-top:35px}.services-intro h2{font-size:43px}.services-intro p{margin-top:20px}.service-list summary{font-size:16px;padding-block:25px}.manifesto h2{font-size:clamp(27px,5.2vw,43px);margin-top:30px;letter-spacing:-1.3px}.manifesto .asterisk{font-size:38px}.manifesto-bottom{margin:30px 0 0;gap:24px;font-size:11px}.contact-layout{grid-template-columns:1fr;gap:38px;margin-top:35px}.contact-layout h2{font-size:60px}.contact-layout>div>p{margin-block:20px}.contact-arrow{font-size:65px}.contact-section .section-top .eyebrow{font-size:8px}footer{margin-top:50px;padding-top:30px}.footer-logo{font-size:56px}.footer-bottom{font-size:6px;gap:10px;letter-spacing:.2px}.form-bottom p{font-size:7px}.contact-section .section{padding-bottom:22px}}
@media(max-width:400px){.header-note{display:none}.hero-actions{gap:16px}.text-link{font-size:10px;gap:8px}.button{font-size:11px;padding-left:17px;gap:12px}.art-stage{height:330px}.project-visual{height:320px}.project-info{display:block}.contact-layout h2{font-size:53px}.contact-arrow{font-size:48px}.form-bottom{align-items:flex-start;flex-direction:column;gap:20px}.footer-bottom>span:first-child{max-width:120px}.type-play{font-size:60px}.type-play>span{font-size:35px}dialog{padding:30px 22px}dialog h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Layered website studies — all content is an illustrative creative demo. */
body:before{content:'';position:fixed;top:0;left:0;width:100%;height:3px;background:#91a83b;transform:scaleX(var(--scroll-progress,0));transform-origin:left;z-index:50;pointer-events:none}
.art-stage{perspective:1100px}.website-scene{--demo-accent:#d7ee9c;--rotate-x:0deg;--rotate-y:0deg;--scene-scroll:0px;position:absolute;inset:28px 0 35px;transform:translateY(var(--scene-scroll)) rotateX(var(--rotate-x)) rotateY(var(--rotate-y));transform-style:preserve-3d;transition:transform .65s cubic-bezier(.16,1,.3,1)}
.web-panel{position:absolute;border:1px solid #373c2c26;border-radius:8px;overflow:hidden;box-shadow:0 17px 36px #343a2020;pointer-events:none}.mini-bar{height:25px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;font-size:6px;letter-spacing:.5px;border-bottom:1px solid #3038271a;background:#fafbf7}.mini-bar>span:first-child{font-size:5px;letter-spacing:2px;color:#9fa591}
.web-main{width:91%;left:3%;top:24%;background:#f8f9f2;transform:translateZ(30px) rotate(-6deg);z-index:2;transition:background .45s}.demo-nav{display:flex;align-items:center;justify-content:space-between;margin:16px 19px 0}.demo-nav strong{font-size:21px;font-weight:800;letter-spacing:-1px}.demo-nav>span{font-size:5px;letter-spacing:.35px}.demo-content{display:grid;grid-template-columns:1.2fr 1fr;gap:10px;padding:25px 19px 23px}.demo-kicker{font-size:5px;letter-spacing:.7px;display:block;margin-bottom:12px}.demo-content p{font-size:clamp(24px,2.65vw,39px);font-weight:700;letter-spacing:-1.8px;line-height:1.05;margin:0 0 18px}.demo-content p i{font-family:Georgia,serif;font-weight:400}.demo-cta{font-size:6px;display:inline-flex;gap:20px;align-items:center;background:#272b22;color:#fafbf5;padding:8px 10px;border-radius:30px}.demo-cta b{font-size:11px;font-weight:400}.demo-bottom{padding:10px 19px;border-top:1px solid #3038271a;display:flex;justify-content:space-between;font-size:5px;letter-spacing:.5px}
.demo-graphic{position:relative;align-self:stretch;background:var(--demo-accent);overflow:hidden;transition:background .4s;min-height:130px}.demo-graphic span{position:absolute;width:74%;height:74%;border:1px solid #2e3827;border-radius:50%;top:14%;left:13%;transform:rotate(-30deg)}.demo-graphic span:nth-child(2){border-radius:0 70% 0 70%;background:#526c3c;transform:rotate(-30deg) scale(.8)}.demo-graphic span:nth-child(3){transform:rotate(-30deg) scale(.65);background:var(--demo-accent);border-radius:0 70% 0 70%}.demo-graphic span:nth-child(4){transform:rotate(-30deg) scale(.4);background:#252e22;border-radius:0 70% 0 70%}
.web-back{width:49%;height:68%;right:3%;top:0;background:#b7a5d4;transform:translateZ(-15px) rotate(10deg);z-index:1}.back-cover{position:relative;padding:15px 16px;overflow:hidden;height:calc(100% - 52px)}.back-cover>span:first-child{position:relative;z-index:1;font-size:clamp(23px,2.3vw,35px);font-weight:800;letter-spacing:-1.5px;line-height:1}.back-cover i{font-family:Georgia,serif;font-weight:400;font-size:1.45em}.back-flower{position:absolute;right:-26px;bottom:-23px;color:#e8e9b9;font-size:160px;line-height:1;transform:rotate(-15deg)}.back-bottom{font-size:5px;letter-spacing:.5px;padding:9px 12px;border-top:1px solid #51416822}
.web-front{width:31%;height:43%;left:auto;right:0;bottom:0;transform:translateZ(60px) rotate(5deg);z-index:3;background:#292c25;color:#f5f4ee;padding:17px 16px}.front-label{font-size:5px;letter-spacing:1px}.front-word{display:block;font-size:clamp(28px,3.1vw,46px);font-weight:600;letter-spacing:-1.4px;line-height:.9;margin-top:12px;position:relative}.front-word i{font-family:Georgia,serif;font-weight:400;color:#dbef9a}.front-word b{font-weight:400;font-size:25px;position:absolute;right:0;bottom:0;color:#dbef9a}.front-bottom{display:flex;align-items:center;justify-content:space-between;font-size:5px;letter-spacing:.35px;border-top:1px solid #d4dec52a;padding-top:11px;margin-top:14px}.front-bottom>span:last-child{font-size:15px;line-height:1;color:#dbef9a}.scene-sticker{position:absolute;right:auto;left:5%;bottom:0;z-index:4;font-size:20px;font-weight:600;line-height:1.03;letter-spacing:-1px;transform:rotate(-11deg);text-align:center}.scene-sticker i{font-family:Georgia,serif;font-size:1.2em;font-weight:400}
.website-scene[data-design=editorial]{--demo-accent:#c5b7e3}.website-scene[data-design=editorial] .web-main{background:#efe8dc}.website-scene[data-design=editorial] .demo-content p{font-family:Georgia,serif;font-weight:400}.website-scene[data-design=editorial] .demo-graphic span:nth-child(2){background:#6d567e}.website-scene[data-design=editorial] .demo-graphic span:nth-child(4){background:#44354d}.website-scene[data-design=app]{--demo-accent:#f2b48b}.website-scene[data-design=app] .web-main{background:#eaf0ec}.website-scene[data-design=app] .demo-graphic span{border-radius:14px;transform:rotate(-10deg)}.website-scene[data-design=app] .demo-graphic span:nth-child(2){transform:rotate(-10deg) scale(.8);background:#c87751}.website-scene[data-design=app] .demo-graphic span:nth-child(3){transform:rotate(-10deg) scale(.6)}.website-scene[data-design=app] .demo-graphic span:nth-child(4){transform:rotate(-10deg) scale(.4);background:#643a2c}
.art-toolbar{gap:12px}.art-controls{gap:5px}.art-variant{border:1px solid transparent;border-radius:22px;background:transparent;padding:7px 10px;font-size:9px;transition:background .2s,border-color .2s}.art-variant:hover{border-color:#c5cab9}.art-variant[aria-pressed=true]{background:var(--ink);color:var(--paper)}.motion-toggle{margin-left:2px}.art-stage>.art-index{font-size:6px;letter-spacing:.6px}
.scroll-ready .scroll-reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .9s cubic-bezier(.16,1,.3,1)}.scroll-ready .scroll-reveal.is-visible{opacity:1;transform:translateY(0)}.motion-paused .ticker>div{animation-play-state:paused}.scroll-ready.motion-paused .scroll-reveal{opacity:1;transform:none}
@media(max-width:1150px){.demo-content{padding:20px 16px}.demo-content p{font-size:29px}.demo-nav{margin:12px 16px 0}.demo-graphic{min-height:110px}.front-word{font-size:34px}.back-cover>span:first-child{font-size:28px}.web-front{padding:13px}.front-bottom{margin-top:11px;padding-top:8px}.scene-sticker{font-size:18px}}
@media(max-width:800px){.website-scene{inset:20px 0 36px}.demo-content{padding:20px 17px}.demo-content p{font-size:35px}.demo-graphic{min-height:125px}.web-main{width:87%;left:4%;top:20%}.web-back{width:43%;right:5%;height:70%}.web-front{width:32%;height:43%;left:auto;right:0;padding:15px}.front-word{font-size:36px}.back-cover>span:first-child{font-size:28px}.back-flower{font-size:130px}.scene-sticker{right:auto;left:5%;bottom:0;font-size:18px}.art-toolbar>span{font-size:9px}.art-variant{padding:7px 9px}}
@media(max-width:450px){.website-scene{inset:21px 0 32px}.web-main{width:93%;left:1%;top:24%}.mini-bar{height:20px;font-size:5px;padding-inline:8px}.demo-nav{margin:10px 12px 0}.demo-nav strong{font-size:17px}.demo-nav>span{font-size:4px}.demo-content{padding:18px 12px 16px;gap:7px}.demo-content p{font-size:27px;letter-spacing:-1.3px;margin-bottom:13px}.demo-kicker{font-size:4px;margin-bottom:8px}.demo-graphic{min-height:95px}.demo-cta{font-size:5px;padding:6px 8px;gap:10px}.demo-bottom{padding:8px 12px;font-size:4px}.web-back{width:47%;height:65%;right:3%;top:1%}.back-cover{padding:12px;height:calc(100% - 45px)}.back-cover>span:first-child{font-size:24px}.back-flower{font-size:110px}.back-bottom{font-size:4px;padding:8px}.web-front{width:34%;height:42%;left:auto;right:0;padding:12px}.front-label{font-size:4px}.front-word{font-size:30px;margin-top:9px}.front-word b{font-size:19px}.front-bottom{font-size:4px;margin-top:10px;padding-top:8px}.front-bottom>span:last-child{font-size:12px}.scene-sticker{font-size:17px;right:auto;left:4%;bottom:0}.art-coordinates{font-size:6px;left:5px;top:3px}.cross-one{top:1px;right:5px}.cross-two{bottom:8px;left:5px}.art-stage>.art-index{font-size:5px;bottom:5px;letter-spacing:.2px}.art-controls{gap:1px}.art-variant{font-size:8px;padding:7px 8px}.art-toolbar{padding-inline:0}.art-toolbar>span{font-size:8px}.tiny-arrow{margin-right:3px}}
@media(prefers-reduced-motion:reduce){.scroll-ready .scroll-reveal{opacity:1;transform:none;transition:none}.website-scene{transform:none;transition:none}html{scroll-behavior:auto}}

/* Photographic project direction with an authentic capture of the live product. */
.projects{grid-template-columns:1.12fr 1fr;gap:32px}.project-concept{padding-top:60px}.project-real .project-visual{height:450px}.project-concept .project-visual{height:390px}
.property-visual,.lab-visual{background:#282d2b;padding:27px;color:#fff;isolation:isolate}.project-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s cubic-bezier(.2,.7,.2,1);pointer-events:none}.architecture-photo{object-position:center 58%;filter:none}.study-photo{object-position:center 46%}.property-visual:before,.lab-visual:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#15232670,#15232626 42%,#111a1dc9)}.lab-visual:before{background:linear-gradient(180deg,#11131680,transparent 45%,#111316c9)}.project-visual:hover .project-photo{transform:scale(1.035)}
.property-visual .visual-caption,.lab-visual .visual-caption{font-size:8px;letter-spacing:1px;min-height:34px}.live-badge{display:inline-flex;align-items:center;gap:9px;padding:11px 14px;border:1px solid #ffffff5c;background:#fcfcf8;color:#252622;border-radius:28px;font-size:10px;font-weight:800;letter-spacing:1px;white-space:nowrap;box-shadow:0 4px 18px #1116}.live-dot{display:block;width:8px;height:8px;flex-shrink:0;background:#dc2929;border-radius:50%;box-shadow:0 0 0 4px #dc292920;animation:live-pulse 1.8s ease-in-out infinite}@keyframes live-pulse{0%,100%{opacity:1;box-shadow:0 0 0 4px #dc292926}50%{opacity:.75;box-shadow:0 0 0 7px #dc292910}}
.property-headline{position:absolute;left:27px;top:104px}.property-headline>span{font-size:7px;letter-spacing:1.3px;color:#f4f4eee0}.property-headline strong{display:block;font-size:54px;letter-spacing:-2.5px;font-weight:600;line-height:1.15;margin-top:10px}.photo-note{position:absolute;left:27px;bottom:25px;font-size:6px;letter-spacing:.8px;color:#fffdf3d9;max-width:calc(100% - 100px);line-height:1.6}.property-visual .project-open,.lab-visual .project-open{right:23px;bottom:22px;background:#fffef6;color:#252622;width:41px;height:41px}.study-copy{position:absolute;left:28px;bottom:77px}.study-copy>span{display:block;font-size:7px;letter-spacing:1.6px;margin-bottom:18px;color:#e2e3df}.study-copy em{font-family:Georgia,'Times New Roman',serif;font-size:44px;font-weight:400;font-style:normal;line-height:1.08;letter-spacing:-1.6px}.motion-paused .live-dot{animation-play-state:paused}
@media(max-width:1150px){.project-real .project-visual{height:420px}.project-concept .project-visual{height:360px}.property-visual,.lab-visual{padding:20px}.property-headline{left:20px;top:95px}.property-headline strong{font-size:45px}.property-headline>span{font-size:6px}.photo-note{left:20px;font-size:5px}.live-badge{font-size:9px;padding:10px 11px;gap:8px}.property-visual .visual-caption,.lab-visual .visual-caption{font-size:6px}.study-copy{left:22px}.study-copy em{font-size:40px}}
@media(max-width:800px){.projects{grid-template-columns:1fr;gap:35px}.project-concept{padding-top:0}.project-real .project-visual{height:450px}.project-concept .project-visual{height:390px}.property-visual,.lab-visual{padding:25px}.property-headline{left:25px;top:105px}.property-headline strong{font-size:54px}.property-headline>span{font-size:7px}.live-badge{font-size:10px;padding:11px 14px}.property-visual .visual-caption,.lab-visual .visual-caption{font-size:7px}.photo-note{left:25px;font-size:6px}.study-copy{left:25px}.study-copy em{font-size:48px}}
@media(max-width:450px){.project-real .project-visual{height:380px}.project-concept .project-visual{height:350px}.property-visual,.lab-visual{padding:18px}.property-visual .visual-caption,.lab-visual .visual-caption{font-size:5px;letter-spacing:.6px}.live-badge{font-size:8px;padding:9px 10px;gap:7px;letter-spacing:.7px}.live-dot{width:7px;height:7px}.property-headline{left:19px;top:94px}.property-headline strong{font-size:43px}.property-headline>span{font-size:5px;letter-spacing:.7px}.photo-note{left:18px;bottom:24px;font-size:5px;letter-spacing:.4px;max-width:calc(100% - 82px)}.property-visual .project-open,.lab-visual .project-open{right:16px;bottom:18px;width:35px;height:35px;font-size:20px}.study-copy{left:20px;bottom:75px}.study-copy em{font-size:42px}.study-copy>span{font-size:6px}}
@media(prefers-reduced-motion:reduce){.live-dot{animation:none}}

.lab-visual .visual-caption{position:absolute;top:27px;left:27px;right:27px}@media(max-width:1150px){.lab-visual .visual-caption{top:20px;left:20px;right:20px}}@media(max-width:800px){.lab-visual .visual-caption{top:25px;left:25px;right:25px}}@media(max-width:450px){.lab-visual .visual-caption{top:18px;left:18px;right:18px}}

.property-headline{top:auto;bottom:85px}.property-headline strong{font-size:62px}.property-headline p{font-size:12px;line-height:1.7;color:#ffffffe0;margin:13px 0 0;letter-spacing:.1px}@media(max-width:1150px){.property-headline{top:auto;bottom:80px}.property-headline strong{font-size:52px}.property-headline p{font-size:11px}}@media(max-width:800px){.property-headline{top:auto;bottom:85px}.property-headline strong{font-size:62px}}@media(max-width:450px){.property-headline{top:auto;bottom:80px}.property-headline strong{font-size:46px}.property-headline p{font-size:10px;max-width:220px}}

.form-honeypot{display:none!important}.button:disabled{opacity:.65;cursor:wait;transform:none}

/* Keep the photographs bright; isolate contrast around their captions. */
.property-visual:before{background:linear-gradient(0deg,#102b3b99 0%,#102b3b18 40%,transparent 64%)}
.lab-visual:before{background:linear-gradient(0deg,#632e491c,transparent 60%)}
.study-photo{object-position:center 45%;filter:brightness(1.15) saturate(1.08)}
.property-visual .visual-caption>span:first-child{background:#fffef5eb;color:#25333a;padding:8px 10px}
.property-headline{text-shadow:0 2px 14px #102b3b66}
.study-copy{color:#252622;background:#fffaf1ed;padding:17px 20px;bottom:75px}
.study-copy>span{color:#5c5a53}.study-copy em{font-size:39px}
.lab-visual .photo-note{color:#292c2a;background:#fffaf1e8;padding:4px 7px}
.contact-section .small-note{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;line-height:1.6;color:#d5f360;max-width:350px}
.contact-section .small-note .status-dot{width:7px;height:7px;flex-shrink:0}
@media(max-width:800px){.contact-section .section-top{flex-direction:column;align-items:flex-start;gap:14px}.contact-section .small-note{display:flex;font-size:13px;max-width:100%}}
@media(max-width:450px){.study-copy{left:20px;padding:15px 17px;bottom:75px}.study-copy em{font-size:35px}.property-visual .visual-caption>span:first-child{padding:7px}.lab-visual .photo-note{max-width:calc(100% - 82px)}}
.lab-visual .visual-caption>span{background:#fffaf1eb;color:#252622;padding:8px 10px}
.property-headline>span{display:inline-block;background:#fffaf1e8;color:#25333a;padding:5px 7px;text-shadow:none}