@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--cream:#f5f3e9;--green:#142f28;--muted:#6b7067;--orange:#d85d36;--line:#d7d9cb;--lime:#d5e0a9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--green);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{max-width:100%;display:block}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Manrope',sans-serif;font-weight:600;letter-spacing:-.055em}h1{font-size:clamp(50px,5.4vw,86px);line-height:1.08}h2{font-size:clamp(40px,4.2vw,68px);line-height:1.09}em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.06em}p{line-height:1.7}::selection{background:var(--orange);color:white}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:-70px;left:20px;background:var(--cream);padding:14px;z-index:100}.skip:focus{top:10px}.site-header{height:96px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font:700 23px/1.05 'Manrope',sans-serif;letter-spacing:-1px}.brand-studio{display:block;font:500 11px 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:3.4px;margin-top:6px}.brand-icon{width:45px;height:45px;background:var(--green);border-radius:50%;display:flex;align-items:center;justify-content:center}.brand-icon img{width:29px;height:33px;object-fit:contain}.site-header nav{display:flex;gap:35px;align-items:center;font-size:13px;font-weight:550}.site-header nav a:hover{color:var(--orange)}.nav-contact{padding:12px 17px;border:1px solid var(--line);border-radius:30px;display:flex;gap:24px}.menu-toggle{display:none}.hero{position:relative;margin:0 20px;background:var(--green);color:var(--cream);padding:82px max(calc(5vw - 20px),24px) 0;display:grid;grid-template-columns:1.1fr 1fr;min-height:735px;overflow:hidden}.eyebrow{font:600 10px/1.4 'DM Sans',sans-serif;letter-spacing:1.7px;text-transform:uppercase}.hero .eyebrow{color:#d5dbc8;display:flex;align-items:center;gap:9px;margin-bottom:32px}.live-dot{width:6px;height:6px;background:var(--lime);border-radius:50%}.hero-description{font-size:16px;max-width:365px;color:#c8d1c7;margin:28px 0}.button{display:inline-flex;gap:35px;align-items:center;border-radius:30px;padding:17px 23px;font-size:12px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.cream{background:var(--cream);color:var(--green)}.green{background:var(--green);color:var(--cream)}.button span{font-size:19px}.hero-note{font-size:10px;color:#b0c0b4;margin-top:22px}.hero-art{position:relative;align-self:stretch;min-height:500px;display:grid;place-items:center}.hero-door{position:relative;width:80%;height:440px;border-radius:190px 190px 5px 5px;overflow:hidden;transform:rotate(5deg);box-shadow:18px 18px 0 #294739}.hero-door img{height:100%;width:100%;object-fit:cover;object-position:37% center}.door-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,26,15,.64),transparent 70%)}.door-word{position:absolute;bottom:68px;left:26px;font:700 52px/.93 'Manrope',sans-serif;letter-spacing:-3px;color:var(--cream)}.door-caption{position:absolute;left:28px;bottom:28px;font-size:10px;color:var(--cream)}.star{position:absolute;right:-7px;top:14px;font-size:119px;color:var(--lime);line-height:1}.art-orbit{position:absolute;width:600px;height:600px;border:1px solid #45664a;border-radius:50%;pointer-events:none}.orbit-one{right:-120px;top:-12px}.orbit-two{right:-80px;top:80px}.art-label{position:absolute;left:4%;bottom:10px;right:1%;display:flex;justify-content:space-between;align-items:center;letter-spacing:2px;font-size:9px;color:#bfd1b8}.art-label span:last-child{font-size:32px}.hero-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #456046;height:74px;margin-top:34px;font-size:9px;letter-spacing:1.6px;color:#c7d0bd}.hero-bottom a{display:flex;gap:20px;align-items:center}.hero-bottom a span{font-size:17px}.section{padding:100px max(5vw,24px)}.section-heading>.eyebrow{margin-bottom:28px}.section-heading>div{display:flex;align-items:flex-end;justify-content:space-between}.section-heading>div>p{font-size:14px;color:var(--muted);padding-bottom:4px}.project{margin-top:50px;display:grid;grid-template-columns:1.2fr 1fr;border:1px solid var(--line);border-radius:5px;overflow:hidden;background:#faf9f1}.project-visual{position:relative;min-height:450px;overflow:hidden}.project-visual>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.vryhaven .project-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0c281bc9,transparent 60%)}.project-visual-title{position:absolute;left:35px;bottom:26px;z-index:1;font:400 51px Georgia,serif;letter-spacing:-1px;color:var(--cream)}.image-note{position:absolute;top:23px;left:23px;background:#142f28d9;color:var(--cream);font-size:8px;letter-spacing:1px;padding:9px 12px;border-radius:20px;z-index:1}.project-copy{padding:35px}.project-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:8px;letter-spacing:1px;font-weight:650;text-transform:uppercase;margin-bottom:28px}.status{text-transform:none;font-size:9px;letter-spacing:0;white-space:nowrap;color:#647263;display:flex;align-items:center;gap:5px}.status i{width:5px;height:5px;border-radius:50%;background:#71873d}.project h3{font-size:37px;line-height:1.12;margin-bottom:20px}.project-copy>p{font-size:13px;color:var(--muted);margin-top:12px;max-width:410px}.tags{display:flex;gap:6px;flex-wrap:wrap;margin:23px 0 28px}.tags span{border:1px solid var(--line);border-radius:20px;font-size:9px;padding:6px 10px}.text-link{border:0;background:transparent;padding:0 0 8px;border-bottom:1px solid #a4afa0;display:inline-flex;gap:50px;align-items:center;font-size:12px;font-weight:600}.text-link span[aria-hidden]{font-size:18px}.text-link:hover{color:var(--orange);border-color:var(--orange)}.project-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.compact{display:block;margin-top:24px}.compact .project-visual{display:block;min-height:300px;transition:filter .3s}.compact .project-visual:hover{filter:brightness(1.04)}.compact .project-copy{padding:30px 35px 35px}.compact .project-meta{margin-bottom:20px}.compact h3{font-size:37px}.disuko-art{background:#e5c284;color:#503b23}.babble-art{background:#daddeb;color:#33345c}.art-project-label{position:absolute;bottom:27px;left:30px;font:650 13px/1.25 'Manrope',sans-serif;letter-spacing:-.3px}.visual-arrow{position:absolute;bottom:25px;right:25px;width:38px;height:38px;border:1px solid #0003;border-radius:50%;display:grid;place-items:center;font-size:22px}.dice-art{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:14px;padding-bottom:40px}.board-grid{position:absolute;top:-20%;left:25%;width:350px;height:350px;transform:rotate(-15deg);background-image:linear-gradient(#9b835633 1px,transparent 1px),linear-gradient(90deg,#9b835633 1px,transparent 1px);background-size:40px 40px;border:1px solid #9b835633}.die{position:relative;z-index:1;width:105px;height:105px;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);padding:18px;gap:7px;box-shadow:8px 12px 0 #826e5333;border-radius:21px}.die-orange{background:#d95b36;transform:rotate(-15deg);margin-top:-15px}.die-blue{background:#50657f;transform:rotate(13deg);margin-top:25px}.die span{width:15px;height:15px;background:#fff0d5;border-radius:50%;align-self:center;justify-self:center}.die-orange span:nth-child(2){grid-column:3}.die-orange span:nth-child(3){grid-row:2;grid-column:2}.die-orange span:nth-child(4){grid-row:3}.die-orange span:nth-child(5){grid-row:3;grid-column:3}.die-blue span:nth-child(2){grid-row:2;grid-column:2}.die-blue span:nth-child(3){grid-row:3;grid-column:3}.wave{position:absolute;inset:50px 30px 75px;display:flex;gap:6px;align-items:center;justify-content:center;opacity:.18}.wave i{height:25%;width:7px;background:#50467b;border-radius:10px}.wave i:nth-child(3n){height:75%}.wave i:nth-child(4n){height:100%}.wave i:nth-child(5n){height:55%}.babble-word{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:17px;padding-bottom:26px;font:600 38px 'Manrope',sans-serif;letter-spacing:-2px}.babble-word>span{font-size:30px;letter-spacing:0}.babble-word em{font-size:46px}.studio{display:grid;grid-template-columns:1fr 1.5fr;gap:90px;background:var(--green);color:var(--cream);align-items:center}.studio-mark{align-self:stretch;background:#234238;border-radius:160px 160px 5px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:440px;padding:45px 30px}.studio-mark img{width:180px;height:210px;object-fit:contain}.studio-mark span{font-size:9px;letter-spacing:4px;margin-top:35px;color:#b7c6ae}.studio .eyebrow{color:#b8c8b0;margin-bottom:27px}.studio h2{font-size:clamp(36px,3.7vw,59px);margin-bottom:30px}.studio-copy>p:not(.eyebrow){font-size:14px;color:#c4d0bd;max-width:540px;margin-top:18px}.principles{display:flex;flex-direction:column;border-top:1px solid #456046;margin-top:28px}.principles span{border-bottom:1px solid #456046;padding:13px 0;font-size:12px}.principles b{font-size:9px;font-weight:400;color:#a5ba97;margin-right:24px}.contact{padding-top:90px;padding-bottom:90px;background:#e7ebd8}.contact .eyebrow{margin-bottom:30px}.contact-heading{display:flex;justify-content:space-between;align-items:center}.contact-star{font-size:130px;line-height:1;color:var(--orange);margin-right:60px}.contact>p:not(.eyebrow){font-size:14px;color:#5b6b54;margin:28px 0}.email-link{font-size:clamp(17px,2.4vw,30px);display:inline-flex;gap:55px;align-items:center;border-bottom:1px solid #7e8e72;padding-bottom:12px;letter-spacing:-1px}.email-link:hover{color:var(--orange)}footer{padding:35px max(5vw,24px);display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#6b7864}.footer-brand{font-size:16px;color:var(--green);font-weight:600;letter-spacing:-.5px;display:flex;gap:18px}footer>a:last-child{display:flex;gap:20px}dialog{border:0;border-radius:8px;padding:0;max-width:770px;width:calc(100% - 36px);background:var(--cream);color:var(--green);max-height:90vh;overflow:auto}dialog::backdrop{background:#061c17bd;backdrop-filter:blur(5px)}dialog>img{width:100%;height:275px;object-fit:cover}.dialog-copy{padding:35px}.dialog-copy h2{font-size:43px;margin:15px 0 22px}.dialog-copy>p:not(.eyebrow){font-size:14px;color:var(--muted);margin-bottom:20px}.dialog-copy>.small{font-size:11px!important}.dialog-close{position:absolute;top:14px;right:14px;width:38px;height:38px;background:var(--cream);border:none;border-radius:50%;font-size:18px;z-index:1}
@media(min-width:1500px){.hero,.section,.site-header,footer{padding-left:calc((100vw - 1320px)/2);padding-right:calc((100vw - 1320px)/2)}.hero{min-height:800px}.hero-door{height:510px}.hero-art{min-height:540px}}
@media(max-width:1000px){.hero{padding-top:55px;min-height:690px;grid-template-columns:1.1fr .9fr}.hero-door{width:87%;height:370px}.door-word{font-size:39px}.star{font-size:90px;right:-15px;top:40px}.hero-art{min-height:420px}.hero-bottom{margin-top:20px}.section{padding-top:70px;padding-bottom:70px}.project-copy{padding:27px}.project h3{font-size:30px}.project-meta{font-size:7px;gap:6px}.project-visual{min-height:440px}.studio{gap:50px;grid-template-columns:.8fr 1.2fr}.studio-mark{min-height:400px}.compact .project-copy{padding:26px}.babble-word{font-size:30px}.babble-word em{font-size:36px}.compact .project-visual{min-height:270px}}
@media(max-width:700px){.site-header{height:82px;padding:0 22px}.brand{font-size:20px}.brand-icon{width:39px;height:39px}.brand-icon img{width:25px;height:29px}.brand-studio{font-size:9px}.menu-toggle{display:flex;gap:15px;align-items:center;font-size:12px;background:none;border:0;padding:10px 0}.site-header nav{display:none;position:absolute;top:81px;left:0;right:0;background:var(--cream);padding:25px;z-index:10;gap:23px;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.nav-contact{padding:0;border:0;gap:8px}.hero{margin:0 10px;padding:44px 24px 0;display:block;min-height:0}.hero .eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:24px}h1{font-size:clamp(46px,9.4vw,65px)}.hero-description{font-size:14px;max-width:325px;margin:23px 0}.button{padding:15px 20px;font-size:11px}.hero-note{margin-top:17px}.hero-art{height:395px;min-height:0;margin-top:30px}.hero-door{height:340px;width:75%;max-width:300px}.door-word{font-size:42px}.star{font-size:96px;right:0;top:0}.orbit-one{width:470px;height:470px;right:-165px;top:-5px}.orbit-two{width:470px;height:470px;right:-100px;top:65px}.art-label{left:0;right:0;bottom:0;font-size:8px;letter-spacing:1.2px}.hero-bottom{margin-top:26px;height:63px;font-size:7px;letter-spacing:1px}.hero-bottom>span{max-width:140px;line-height:1.6}.hero-bottom a{gap:9px}.section{padding:57px 24px}.section-heading>.eyebrow{font-size:9px;margin-bottom:21px}.section-heading>div{align-items:flex-start;gap:20px}.section-heading h2{font-size:40px}.section-heading>div>p{font-size:11px;max-width:112px;padding-top:6px}.project{display:block;margin-top:28px}.project-visual{min-height:310px}.project-visual-title{font-size:44px;left:25px;bottom:23px}.image-note{top:17px;left:17px;font-size:7px}.project-copy{padding:27px}.project h3{font-size:32px}.project-meta{font-size:8px;margin-bottom:25px}.project-copy>p{font-size:13px}.project-pair{display:block}.compact{margin-top:22px}.compact .project-visual{min-height:290px}.compact .project-copy{padding:27px}.compact h3{font-size:34px}.babble-word{font-size:37px}.babble-word em{font-size:43px}.studio{display:flex;flex-direction:column-reverse;gap:35px;align-items:stretch}.studio h2{font-size:39px}.studio-copy>p:not(.eyebrow){font-size:13px}.studio-mark{min-height:275px;border-radius:150px 150px 5px 5px;width:72%;align-self:center;padding:25px}.studio-mark img{width:100px;height:140px}.studio-mark span{margin-top:18px;font-size:8px}.contact h2{font-size:42px}.contact-star{font-size:65px;margin-right:0;align-self:flex-start;margin-top:15px}.contact>p:not(.eyebrow){font-size:12px}.email-link{font-size:19px;gap:24px;letter-spacing:-.5px}footer{padding:28px 24px;flex-wrap:wrap;gap:28px}footer>.footer-brand{width:100%}.dialog-copy{padding:25px}.dialog-copy h2{font-size:36px}dialog>img{height:210px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Preserve the complete loading artwork and its embedded title. */
.hero-art .hero-door{width:100%;max-width:none;height:auto;aspect-ratio:1672/941;border-radius:8px;overflow:hidden}.hero-art .hero-door img{object-fit:contain;object-position:center}.vryhaven .project-visual{min-height:0;aspect-ratio:1672/941;align-self:center}.vryhaven .project-visual:after{display:none}dialog>img{height:auto;aspect-ratio:1672/941;object-fit:contain}@media(max-width:700px){.hero-art{height:245px}.hero-art .hero-door{transform:rotate(3deg);box-shadow:10px 10px 0 #294739}.hero-art .star{font-size:64px;top:-15px;right:-10px}}