@font-face{font-family:Newsreader;src:url('fonts/newsreader-roman-latin.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
:root{--paper:#0e1113;--ink:#eeeae1;--lime:#c5b18b;--blue:#c5b18b;--coral:#ad9b7d;--line:#343a3c;--system:#222c2c}
body{background:#0e1113}
header{padding:29px 52px;border-bottom:1px solid #b5a17e24;align-items:center;min-height:100px}
.wordmark{font-size:22px;font-weight:500;text-transform:uppercase;letter-spacing:.22em;gap:0}
.wordmark span{display:none}
nav{background:transparent;border:0;border-radius:0;gap:30px;font-size:10px;letter-spacing:.08em}
nav a{border-radius:0;padding:12px 0;color:#c5c7c3;border-bottom:1px solid transparent}
nav a:hover{background:none;color:#f2eee5;border-color:#9f8e6f}
nav a:last-child{background:transparent;color:#d1bd98;border-color:#77664a;padding-inline:0}
.header-note{font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:#a6aaa7;line-height:1.8}
.hero{position:relative;isolation:isolate;text-align:center;padding:58px 48px 70px;background:radial-gradient(ellipse at 50% 55%,#28333255,transparent 65%);overflow:hidden}
.hero:before,.hero:after{content:'';position:absolute;z-index:-1;width:550px;height:800px;border:1px solid #a4906a12;border-radius:50%;top:40px;pointer-events:none}
.hero:before{left:-450px;transform:rotate(24deg)}.hero:after{right:-450px;transform:rotate(-24deg)}
.hero-label{justify-content:center;gap:30px;align-items:center}
.hero-label .label:last-child{display:none}
.label{font-size:9px;letter-spacing:.2em;line-height:1.7;color:#b6b8b0}
.hero-label .label{color:#c0ad87;letter-spacing:.25em}
.atelier-emblem{height:65px;width:90px;position:relative;margin:36px auto 23px;display:flex;align-items:center;justify-content:center}
.atelier-emblem i{position:absolute;width:32px;height:56px;border:1px solid #c5b18b;border-radius:50%;opacity:.65;transform:rotate(-25deg)}
.atelier-emblem i:nth-child(2){transform:rotate(25deg)}.atelier-emblem i:nth-child(3){width:12px;height:12px;border-radius:0;transform:rotate(45deg);background:#c5b18b15;opacity:1}
.hero h1{font-family:Newsreader,Georgia,serif;font-size:clamp(70px,8.8vw,135px);font-weight:400;line-height:.99;letter-spacing:-.045em;margin:22px 0 30px}
.hero h1 em{font-size:1em;letter-spacing:-.045em;color:#c9b995}
.hero-flower{display:none}
.hero-baseline{display:flex;flex-direction:column;gap:25px;margin:auto;max-width:630px}
.hero-baseline>p{font-size:13px;font-weight:400;color:#bdc1bc;line-height:1.95;letter-spacing:.015em;max-width:450px}
.pill{border:1px solid #9b89684d;border-radius:0;background:transparent;padding:16px 23px;gap:40px;text-transform:uppercase;font-size:9px;letter-spacing:.14em;min-height:53px;transition:border-color .4s,background .4s}
.pill span{border:0;border-radius:0;background:none;color:#cbb68c;width:22px;height:22px;font-size:20px}
.pill:hover{transform:none;background:#c5b18b0c;border-color:#bda780}
.pill:hover span{transform:translate(3px,-3px)}
.hero-aside{display:block!important;font-size:8px;letter-spacing:.17em;text-transform:uppercase;text-align:center;color:#a8afa5;margin-top:5px}
.playground{margin:0 52px;border:0;border-top:1px solid #5d594b;border-bottom:1px solid #353c3b;border-radius:0;background:#101618;overflow:hidden}
.play-bar{background:transparent;border:0;padding:25px 0;align-items:center}
.play-bar h2{font-family:Newsreader,Georgia,serif;font-size:27px;letter-spacing:-.02em;color:#e6e4da}
.play-bar button{border-radius:0;background:transparent;border:0;border-bottom:1px solid #6b6658;color:#c9b995;text-transform:uppercase;font-size:8px;letter-spacing:.12em;padding:8px 0;min-height:44px}
.play-bar button span{font-size:17px;margin-left:20px}
.play-stage{height:auto;min-height:440px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:22px 0 30px;background:none;perspective:none;overflow:visible}
.stage-grid,.stage-coordinate,.sticker,.stage-plus{display:none}
.toy{position:relative!important;left:auto!important;top:auto!important;width:100%;height:360px;padding:25px;transform:none!important;box-shadow:none;border:1px solid #66716c3d;border-radius:0;transition:background .5s,border-color .4s}
.toy:hover{border-color:#9e916d}
.toy-type{background:radial-gradient(ellipse at 80% 0%,#3c3c302b,transparent 75%),#1e2320;order:1}
.toy-interface{background:radial-gradient(ellipse at 20% 100%,#3d52552e,transparent 70%),#1c2427;order:2}
.toy-system{background:var(--system);order:3}
.play-stage[data-mood="1"] .toy-type{order:2}.play-stage[data-mood="1"] .toy-interface{order:3}.play-stage[data-mood="1"] .toy-system{order:1}
.play-stage[data-mood="2"] .toy-type{order:3}.play-stage[data-mood="2"] .toy-interface{order:1}.play-stage[data-mood="2"] .toy-system{order:2}
.toy-label{font-size:8px;text-transform:uppercase;letter-spacing:.13em;color:#bdc4b8}
.toy-label>span:last-child{display:none}
.toy-type>p{font-family:Newsreader,Georgia,serif;font-size:82px;line-height:.9;letter-spacing:-.045em;margin-top:53px;color:#e9e6dc}
.toy-type>p em{font-size:1.1em;color:#cdbb97;letter-spacing:-.045em}
.type-dot{display:none}
.toy-foot{font-size:8px;letter-spacing:.02em;color:#b4bdb2}
.eye-pair{position:relative;height:150px;width:150px;margin:30px auto 0;display:block;transform:rotate(-24deg)}
.eye-pair i{position:absolute;inset:0;width:100%;height:100%;background:transparent;border:1px solid #b6a27c;border-radius:50%;display:block}
.eye-pair i:first-child{transform:scaleX(.55)}.eye-pair i:nth-child(2){transform:rotate(80deg) scaleX(.55)}
.eye-pair b{position:absolute;width:8px;height:8px;left:calc(50% - 4px);top:calc(50% - 4px);background:#d5c5a4;box-shadow:0 0 15px #c5b18b26;border-radius:50%}
.hello-ui{margin-top:22px;border-color:#6e786b55;font-size:10px;letter-spacing:.01em}
.hello-ui button{width:35px;height:35px;flex-basis:35px;background:transparent;color:#c9b995;border:1px solid #8e8b735e;border-radius:0;font-size:20px}
.hello-ui button:hover{transform:rotate(0);background:#c5b18b12}
.system-shapes{margin-top:48px;gap:3px;grid-template-columns:repeat(2,44px)}
.system-shapes i{height:44px;background:linear-gradient(135deg,#ddd4ba,#a99873)}
.system-title{font-family:Newsreader,Georgia,serif;font-size:28px;line-height:1.1;letter-spacing:-.015em;margin-top:26px}
.swatches{gap:13px}.swatch{border:1px solid #9ba594;width:28px;height:28px;border-radius:0}.swatch.active{outline:1px solid #c5b18b;outline-offset:3px}
.play-caption{background:none;padding:15px 0 23px;color:#a9b3a5;font-size:8px;letter-spacing:.03em;gap:20px}
.section{padding:110px 70px}
.intro{padding-top:120px}
.intro h2,.process h2,.contact h2{font-family:Newsreader,Georgia,serif;font-weight:400;letter-spacing:-.035em;line-height:1.06}
.intro h2{font-size:clamp(48px,6vw,86px);margin-top:35px}
.intro h2 em{color:#c9b995}
.intro-spark{font-size:0;position:relative;height:80px;width:80px;border:1px solid #85775e;transform:rotate(45deg);margin:12px 0 0 20px}
.intro-spark:after{content:'';position:absolute;inset:18px;border:1px solid #8c816a66}
.intro-bottom{grid-template-columns:.7fr 1fr 1fr;gap:65px}
.intro-bottom p,.service-detail p{font-size:13px;line-height:1.95;color:#b7c0b5}
.services{padding-top:25px}
.services h2{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:clamp(40px,4.8vw,68px);letter-spacing:-.025em}
.services summary{padding-block:28px}
.services details[open] h2{color:#c9b995}
.service-detail>div span{border-radius:0;font-size:9px;background:transparent;border-color:#454c43;color:#bdc5b6;padding:9px 12px}
.row-arrow{font-size:34px;color:#bba985}
.process{background:#151c1d;border-color:#38413d}
.process h2{font-size:clamp(52px,6vw,83px)}
.process h3{font-family:Newsreader,Georgia,serif;font-size:35px;font-weight:400;letter-spacing:-.025em}
.process li{border-color:#3e4840}
.process li p,.process-title>p{font-size:12px;line-height:1.95}
.contact{background:radial-gradient(ellipse at 85% 0%,#303c3733,transparent 60%),#0b1113;border-top:1px solid #515346;padding-top:50px}
.contact h2{font-size:clamp(64px,7.6vw,110px);margin:65px 0 50px}
.contact h2 em{font-size:1em;color:#c9b995}
.contact-eyes{display:none}
.contact-grid{gap:80px;padding-bottom:90px}
.contact-grid>p{font-size:12px;line-height:2}
.contact-email{font-family:Newsreader,Georgia,serif;font-size:clamp(28px,3.6vw,49px);letter-spacing:-.025em;border-color:#6f6c59}
.contact-email span{font-family:Manrope,Arial,sans-serif;font-size:32px}
.email-tools{font-size:9px}.email-tools button{font-size:9px}
footer{border-color:#42493f;padding-block:32px;font-size:9px;color:#aeb7a6}
footer .wordmark{font-size:19px;letter-spacing:.19em}
@media(max-width:1000px){header{padding-inline:30px}nav{gap:25px}.hero{padding-inline:30px}.hero h1{font-size:10.2vw}.playground{margin-inline:30px}.toy{padding:20px;height:340px}.toy-type>p{font-size:66px}.eye-pair{width:120px;height:120px;margin-top:39px}.hello-ui{margin-top:30px;font-size:9px}.system-title{font-size:25px}.system-shapes{margin-top:40px}.section{padding-inline:40px}.intro-bottom{gap:35px}.contact-grid{gap:40px}}
@media(max-width:700px){header{padding:23px 22px;min-height:80px}.wordmark{font-size:19px;letter-spacing:.17em}nav{gap:0;font-size:9px}nav a:last-child{padding:12px 0}.header-note{display:none}.hero{padding:38px 22px 50px}.hero-label .label{font-size:8px;letter-spacing:.17em}.atelier-emblem{margin:28px auto 20px;height:55px}.atelier-emblem i{height:48px;width:28px}.hero h1{font-size:clamp(48px,11.2vw,78px);line-height:1.03;margin:20px 0 25px}.hero h1 em{font-size:1em}.hero-baseline>p{font-size:11px;line-height:1.9;max-width:320px}.hero-baseline{gap:25px}.pill{font-size:8px;padding:13px 20px;gap:25px}.hero-aside{font-size:7px;letter-spacing:.11em}.playground{margin-inline:20px}.play-bar{padding-block:20px;gap:15px}.play-bar h2{font-size:22px;max-width:170px;line-height:1.15}.play-bar button{font-size:7px;letter-spacing:.08em;white-space:normal;max-width:105px;text-align:right}.play-bar button span{margin-left:8px}.play-stage{grid-template-columns:1fr;gap:16px;min-height:0;padding-top:8px;padding-bottom:12px}.toy{height:330px;padding:24px}.toy-type>p{font-size:84px;margin-top:40px}.eye-pair{height:130px;width:130px;margin-top:22px}.hello-ui{font-size:11px;margin-top:22px}.system-shapes{margin-top:28px;grid-template-columns:repeat(2,40px)}.system-shapes i{height:40px}.system-title{font-size:29px;margin-top:20px}.swatches{margin-top:20px}.play-caption{font-size:7px;padding-block:14px 22px}.play-caption span:last-child{max-width:125px}.section{padding:75px 24px}.intro h2{font-size:clamp(36px,8.6vw,55px);margin:25px 0 35px}.intro-bottom{grid-template-columns:1fr;gap:22px}.intro-spark{height:38px;width:38px;margin:0 0 15px 8px}.intro-spark:after{inset:8px}.intro-bottom p{font-size:12px;max-width:none;line-height:1.95}.label{font-size:8px;letter-spacing:.13em}.services{padding-top:15px}.services h2{font-size:clamp(29px,7.6vw,48px)}.row-arrow{font-size:27px}.services summary{gap:12px;padding-block:23px}.row-no{font-size:8px}.service-detail{padding-left:0}.service-detail p{font-size:12px}.service-detail>div span{font-size:8px}.process{gap:35px}.process h2{font-size:57px}.process h3{font-size:31px}.process li p{font-size:12px}.contact{padding-top:35px;padding-bottom:0}.contact h2{font-size:clamp(40px,9.7vw,66px);line-height:1.1;margin:40px 0}.contact-grid{gap:30px;padding-bottom:45px}.contact-grid>p{font-size:12px;max-width:none}.contact-email{font-size:clamp(27px,7.8vw,41px)}.contact-email span{font-size:25px}footer{font-size:8px;gap:18px}footer .wordmark{font-size:18px}}
/* Upright editorial typography throughout. */
em,.hero h1 em,.toy-type>p em,.intro h2 em,.process h2 em,.contact h2 em{font-family:Newsreader,Georgia,serif;font-style:normal;font-weight:400;font-optical-sizing:auto}