@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;line-height:1.7;font-size:16px;--paper:#f4f3ee;--ink:#242922;--accent:#3e4b36;--line:#c9cbc1;--soft:#5b6359}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}a:focus-visible,summary:focus-visible{outline:3px solid currentColor;outline-offset:6px}img{max-width:100%;display:block;object-fit:cover}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,7vw,100px);font-weight:500;line-height:1.06;letter-spacing:-4px;margin-bottom:30px}h2{font-size:clamp(36px,4vw,57px);font-weight:500;line-height:1.15;letter-spacing:-2px;margin-bottom:25px}h3{font-size:25px;line-height:1.35;letter-spacing:-.5px;font-weight:500}em{font-family:Georgia,serif;font-weight:400}p{max-width:650px;color:var(--soft)}.shell{width:min(1200px,calc(100% - 96px));margin-inline:auto}.demo-bar{position:sticky;top:0;z-index:10;background:#101110;color:#f4f5ee;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 28px;font-size:13px;line-height:1.4;border-bottom:1px solid #414735}.demo-bar>span{color:#a8b09c}.demo-bar .quote{color:#caff63}.demo-header{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:110px;border-bottom:1px solid var(--line)}.wordmark{font-size:36px;font-weight:700;letter-spacing:-1.8px;line-height:1}.wordmark span{font-size:12px;font-weight:500;letter-spacing:1px}.demo-header nav{display:flex;align-items:center;gap:30px;font-size:14px}.eyebrow{font-size:12px;letter-spacing:2px;display:block;font-weight:600;margin-bottom:26px}.section{padding-block:90px}.section-top{display:flex;justify-content:space-between;gap:35px;align-items:flex-start;margin-bottom:35px}.section-top h2{width:60%}.row{display:flex;align-items:center;justify-content:space-between;gap:20px}.split{display:grid;grid-template-columns:1fr 2fr;gap:65px}.demo-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:15px 24px;background:var(--ink);color:var(--paper);font-size:14px;min-height:50px;margin-top:15px;line-height:1.5}.demo-button:hover{opacity:.85;text-decoration:none}.text-link{border-bottom:1px solid currentColor;padding-bottom:5px;font-size:14px}.demo-contact{padding-block:75px;border-top:1px solid var(--line)}.demo-contact h2{max-width:800px}.demo-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;padding-block:25px;font-size:12px;color:var(--soft)}.small-note{font-size:13px;line-height:1.8;margin-top:30px}.skip{position:fixed;left:20px;top:-100px;z-index:20;background:#caff63;color:#111;padding:15px}.skip:focus{top:10px}
.arch-hero{padding-top:55px}.architecture h1,.architecture h2{font-family:Georgia,serif}.hero-caption{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:35px 0}.hero-caption p{margin:0}.arch-cover{width:100%;height:480px}.arch-projects{display:grid;grid-template-columns:1.2fr 1fr;gap:35px}.arch-projects img{width:100%;height:350px}.arch-projects .row{margin-top:20px}.arch-projects .row h3{margin:0}.arch-projects .row span{font-size:12px;color:var(--soft)}.arch-projects p{margin-top:15px}.material-card{background:#dfe2d7;padding:45px;display:flex;align-items:flex-start;flex-direction:column;justify-content:center}.material-card h3{font-family:Georgia,serif;font-size:70px;line-height:1.05;margin-bottom:10px}.list-line{display:flex;gap:35px;align-items:center;padding-top:22px;border-top:1px solid var(--line);margin-top:20px}.list-line span{font-size:13px}.list-line h3{margin:0 0 20px;font-size:22px}
.law{--paper:#152c31;--ink:#f2edde;--accent:#c9a972;--line:#476067;--soft:#bfcdcd}.law .wordmark{font-family:Georgia,serif;letter-spacing:5px;font-weight:400;font-size:30px}.law .wordmark span{display:block;font-family:Arial,sans-serif;font-size:10px;margin-top:9px;letter-spacing:3px}.law h1,.law h2,.law h3{font-family:Georgia,serif;font-weight:400}.law em{color:var(--accent)}.law-hero{padding-block:80px}.law-hero h1{font-size:clamp(52px,7.8vw,110px);letter-spacing:-3px}.law-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin-top:50px}.law-monogram{font-family:Georgia,serif;font-size:110px;line-height:1;color:var(--accent);border-top:1px solid var(--line);padding-top:30px;max-width:220px}.law .demo-button{background:#c9a972;color:#172a2d}.law-light{background:#f2eee4;color:#203537;--soft:#566764;--line:#d0d2c7}.law-light em{color:#596b60}.law-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.law-grid article{padding:35px 35px 25px 0;border-bottom:1px solid var(--line)}.law-grid article:nth-child(even){padding-left:35px;border-left:1px solid var(--line)}.law-grid article>span{font-size:13px;color:#6b735f}.law-grid h3{font-size:34px;margin:15px 0}.law-values{display:flex;gap:35px;color:var(--accent);font-family:Georgia,serif;font-size:25px;margin-top:40px}
.journal{--paper:#faf9f4;--ink:#243025;--soft:#616758;--line:#c9d0bd;--accent:#eaf23e}.journal .wordmark{font-family:Georgia,serif;font-size:48px;font-style:italic}.journal-hero{padding-block:55px 70px;border-bottom:3px solid var(--ink)}.journal-hero h1{font-family:Georgia,serif;font-size:clamp(55px,8vw,112px);line-height:1.05;margin-top:30px}.editor-note{display:grid;grid-template-columns:1fr 2fr;gap:30px;max-width:800px;margin-left:auto;margin-top:40px}.editor-note>span{font-size:12px;letter-spacing:1.5px;padding-top:5px}.editor-note p{margin:0}.journal h2{font-family:Georgia,serif}.story{border-top:1px solid var(--line)}.story:last-child{border-bottom:1px solid var(--line)}.story summary{cursor:pointer;display:grid;grid-template-columns:170px 1fr 160px;align-items:center;gap:25px;padding:30px 0;list-style:none}.story summary::-webkit-details-marker{display:none}.story summary h3{font-family:Georgia,serif;font-size:31px;margin:0}.story-index,.read-label{font-size:12px}.read-label{text-align:right}.story[open] summary h3{text-decoration:underline;text-decoration-color:#bac72d;text-underline-offset:9px}.story-body{max-width:720px;margin:0 auto;padding-bottom:30px}.story-body p{font-family:Georgia,serif;font-size:20px;line-height:1.9;color:#3e493d}.journal-about{background:#eaf23e}.journal .demo-button{border-radius:35px}
.game{--paper:#0b181e;--ink:#e8f4f3;--soft:#9cb6be;--line:#2d444e;--accent:#94e8dc}.game .wordmark{font-size:24px;letter-spacing:3px}.game .wordmark span{font-size:10px;letter-spacing:1px}.game-hero{position:relative;min-height:710px;display:flex;align-items:center;isolation:isolate}.game-hero>img{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.game-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#09181deb,#09181d30),linear-gradient(0deg,#0b181e,transparent 40%);z-index:-1}.game-hero-copy{padding-block:65px}.game h1{font-size:clamp(70px,11vw,155px);line-height:.92;letter-spacing:8px;font-weight:800;margin-block:25px 35px}.game-hero p{font-size:21px;color:#d6e8eb}.game .demo-button{background:#94e8dc;color:#0b181e}.game h2 em{color:var(--accent)}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.game-grid article{border-top:1px solid #6d969c;padding-top:30px}.game-grid article>span{font-size:12px;letter-spacing:1px;color:var(--accent)}.game-grid h3{margin-top:25px;font-size:25px}.game-grid p{font-size:16px}
.product{--paper:#f9fbfc;--ink:#142533;--soft:#63727e;--line:#d4dee5;--accent:#bdff56}.product .wordmark{font-size:36px}.product-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:30px;align-items:center;padding-block:50px}.product h1{font-size:clamp(48px,6vw,85px)}.product h1 em{font-family:inherit;color:#657c8e;font-style:normal}.product-image{position:relative;background:white;height:580px;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:contain}.image-label{position:absolute;bottom:20px;right:25px;font-size:12px;letter-spacing:2px}.product .demo-button{border-radius:30px}.product-band{background:#dfebf1}.product-band h2{font-size:clamp(40px,5vw,70px);max-width:900px}.product-band em{font-style:normal;color:#657c8e;font-family:inherit}.product-details{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.detail-photo{height:450px;overflow:hidden;background:white}.detail-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 90%}.product details{border-bottom:1px solid var(--line);padding:20px 0}.product summary{font-size:22px;cursor:pointer}.product details p{margin:20px 0 10px}
@media(max-width:850px){.shell{width:calc(100% - 48px)}.demo-header{flex-wrap:wrap;padding-block:25px;gap:20px}.wordmark span{display:block;margin-top:12px}.section-top h2{width:65%}.split{grid-template-columns:1fr;gap:15px}.arch-cover{height:350px}.arch-projects{gap:22px}.material-card{padding:25px}.material-card h3{font-size:55px}.law-intro{gap:30px}.story summary{grid-template-columns:1fr 2fr}.read-label{grid-column:2;text-align:left}.product-hero{gap:20px}.product-image{height:440px}.product-details{gap:30px}.game .wordmark span{display:block}.game-grid{gap:18px}}
@media(max-width:580px){html{scroll-padding-top:105px}.shell{width:calc(100% - 40px)}.demo-bar{flex-wrap:wrap;gap:8px 15px;padding:12px 16px;font-size:12px}.demo-bar>span{display:none}.demo-bar .quote{margin-left:auto}.demo-header{gap:22px}.demo-header nav{gap:22px;flex-wrap:wrap;font-size:13px}.demo-header .wordmark{font-size:32px}.demo-header .wordmark span{font-size:10px}.eyebrow{font-size:11px;letter-spacing:1.5px}.section{padding-block:55px}.section-top{display:block;margin-bottom:25px}.section-top h2{width:100%}h1{font-size:48px;letter-spacing:-2px}h2{font-size:35px;letter-spacing:-1.4px}.arch-hero{padding-top:40px}.hero-caption{align-items:flex-start;flex-direction:column;gap:20px}.arch-cover{height:320px}.arch-projects{grid-template-columns:1fr}.arch-projects img{height:270px}.material-card{padding:35px}.law-hero{padding-block:50px}.law-hero h1{font-size:49px;letter-spacing:-2px}.law-intro{grid-template-columns:1fr;gap:25px;margin-top:35px}.law-monogram{font-size:70px}.law-grid{grid-template-columns:1fr}.law-grid article:nth-child(even){border-left:0;padding-left:0}.law-grid h3{font-size:29px}.law-values{gap:25px;font-size:22px}.journal-hero{padding-block:40px}.journal-hero .row{align-items:flex-start}.journal-hero h1{font-size:53px;letter-spacing:-2px}.editor-note{grid-template-columns:1fr;gap:15px}.story summary{grid-template-columns:1fr;gap:10px}.story summary h3{font-size:29px}.read-label{grid-column:auto}.story-body p{font-size:18px}.game-hero{min-height:620px}.game h1{font-size:88px;letter-spacing:5px}.game-grid{grid-template-columns:1fr;gap:30px}.game-hero p{font-size:18px}.product-hero{grid-template-columns:1fr;padding-top:45px}.product h1{font-size:51px}.product-image{height:380px}.product-details{grid-template-columns:1fr;gap:25px}.detail-photo{height:340px}.product summary{font-size:20px}.demo-contact{padding-block:50px}.demo-footer{flex-direction:column;gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
