@font-face{font-family:Nunito;src:url('/assets/nunito-latin.woff2') format('woff2');font-weight:200 900;font-display:swap}
:root{--ink:#2d392e;--muted:#69715e;--paper:#fffdf5;--ease:cubic-bezier(.22,.75,.25,1)}
*{box-sizing:border-box}body{margin:0;min-height:100svh;isolation:isolate;color:var(--ink);background:#eee3cd;font:15px/1.6 Nunito,ui-rounded,system-ui,sans-serif}body:before{content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(#f8f2e755,#f8f2e755),url('/assets/paper/papier-beige.jpg?v=illustrations-1') center/850px;opacity:.7}body:after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,#fffcf18c,transparent 65%)}
header,footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 4.5%}header{height:95px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;font-size:30px;font-weight:900;letter-spacing:-1.7px}.brand img{width:40px;box-shadow:0 3px 9px #453d2314;border-radius:9px}.brand span{font-size:8px;letter-spacing:3px;margin-left:7px;padding-left:18px;border-left:1px solid #8b90715c}.preview{font-size:11px;color:var(--muted)}main{min-height:calc(100svh - 169px);display:grid;place-items:center;padding:45px 20px 75px;position:relative;z-index:1;pointer-events:none}.welcome{pointer-events:auto;text-align:center;width:min(100%,540px);animation:arrive .9s var(--ease) both}.welcome-label{font-size:9px;font-weight:850;letter-spacing:2.5px;display:flex;align-items:center;justify-content:center;gap:10px}.welcome-label>span{width:6px;height:6px;border-radius:50%;background:#6a8152;box-shadow:0 0 0 5px #6a81520c}h1{font-size:clamp(36px,4.1vw,60px);line-height:1.13;font-weight:850;letter-spacing:-2.5px;margin:24px 0 20px}h1 em{font-style:normal;color:#627650}.welcome>p{font-size:14px;color:#68705f;line-height:1.9;margin:0 0 30px}button{font:800 14px Nunito,sans-serif;color:#fffdf4;background:#344b3b;border:1px solid #344b3b;border-radius:15px;min-height:54px;min-width:225px;padding:15px 21px;display:inline-flex;align-items:center;justify-content:space-between;gap:45px;box-shadow:0 5px 13px #334b341d;cursor:pointer;transition:transform .25s,background .25s,box-shadow .25s}button svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}button:hover{background:#4b6348;transform:translateY(-3px);box-shadow:0 10px 20px #334b3425}button:hover svg{transform:translateX(4px)}button:active{transform:translateY(0) scale(.98)}button:focus-visible,a:focus-visible{outline:3px solid #627650;outline-offset:6px}button:disabled{cursor:wait;opacity:.75}.welcome>small{display:block;margin-top:16px;color:#787b69;font-size:10px}.welcome>.error{font-size:12px;margin:20px auto 0;color:#854c38;max-width:330px}footer{height:74px;font-size:10px;color:#71745f}footer>span:first-child,.edition{font-size:8px;letter-spacing:1.6px}
.collage{position:fixed;inset:95px 0 74px;pointer-events:none;overflow:hidden}.object{position:absolute;margin:0;width:var(--size,95px);--turn:0deg;animation:float 10s ease-in-out infinite;animation-delay:var(--delay,0s)}.object img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(2px 7px 5px #51452b18);animation:unpack .85s var(--ease) backwards;animation-delay:var(--enter,.1s)}
.cut-folder-blue{left:9%;top:12%;--size:130px;--turn:-10deg;--delay:-2s}.cut-calendar{right:10%;top:16%;--size:105px;--turn:8deg;--delay:-5s}.cut-computer{left:23%;bottom:9%;--size:105px;--turn:-8deg;--delay:-4s}.cut-folder-burgundy{right:24%;bottom:8%;--size:120px;--turn:9deg;--delay:-6s}.cut-cap{right:29%;top:1%;--size:100px;--turn:9deg;--delay:-1s}.cut-folder-graphite{left:2%;top:48%;--size:100px;--turn:8deg;--delay:-7s}.cut-hands{right:3%;top:48%;--size:73px;--turn:12deg;--delay:-3s}.cut-clock{left:8%;bottom:9%;--size:77px;--turn:-9deg;--delay:-8s}.cut-eye{left:29%;top:2%;--size:60px;--turn:7deg;--delay:-2s}.cut-search{right:9%;bottom:8%;--size:83px;--turn:10deg;--delay:-4s}.cut-question{left:43%;bottom:0;--size:40px;--turn:-12deg;--delay:-6s}.leaving .welcome{animation:enter-studio .6s var(--ease) forwards}.leaving .collage{transition:transform .65s var(--ease),opacity .65s;transform:scale(1.12);opacity:0}
@keyframes arrive{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}@keyframes unpack{from{opacity:0;scale:.8;translate:0 18px}to{opacity:1;scale:1;translate:0 0}}@keyframes float{0%,100%{transform:translateY(0) rotate(var(--turn))}50%{transform:translateY(-12px) rotate(calc(var(--turn) + 3deg))}}@keyframes enter-studio{to{opacity:0;transform:scale(1.07);filter:blur(4px)}}
@media(max-width:1000px){.cut-folder-blue{left:5%;--size:100px}.cut-calendar{right:5%;--size:88px}.cut-folder-graphite,.cut-hands{display:none}.cut-folder-burgundy{right:21%;--size:100px}.cut-computer{left:21%;--size:90px}.cut-cap{--size:80px}.cut-eye{--size:50px}.cut-clock{left:5%;--size:65px}.cut-search{right:5%;--size:65px}.welcome h1{font-size:48px}}
@media(max-width:600px){header{height:80px;padding:19px 6%}.brand{font-size:27px}.brand img{width:33px}.brand span{font-size:7px;padding-left:12px;margin-left:0}.preview{display:none}.collage{inset:80px 0 55px}main{min-height:calc(100svh - 135px);padding:110px 22px 115px}.welcome{width:100%}.welcome h1{font-size:42px;letter-spacing:-1.8px}.welcome>p{font-size:12px}.welcome-label{font-size:8px;letter-spacing:2px}.cut-folder-blue{left:5%;top:1%;--size:72px}.cut-calendar{right:5%;top:1%;--size:64px}.cut-cap{right:40%;top:0;--size:70px}.cut-folder-burgundy{right:4%;bottom:3%;--size:77px}.cut-computer{left:5%;bottom:3%;--size:70px}.cut-question{left:47%;bottom:4%;--size:28px}.cut-eye,.cut-search,.cut-clock{display:none}footer{height:55px;padding:12px 6%}footer>span:nth-child(2){display:none}footer>span:first-child,.edition{font-size:6px;letter-spacing:1px}button{min-width:210px}}
@media(max-height:650px) and (min-width:601px){.object{width:calc(var(--size)*.8)}.welcome h1{font-size:42px}.welcome>p{margin-bottom:20px}.collage{inset:80px 0 50px}header{height:80px}footer{height:50px}main{min-height:calc(100svh - 130px);padding:25px 20px}h1{margin-top:15px}}
.welcome{position:relative}.welcome:before{content:'';position:absolute;inset:-55px -40px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#fffdf58c 10%,#fffdf529 55%,transparent 72%);filter:blur(12px)}h1{font-size:clamp(40px,4.5vw,65px);line-height:1.07;letter-spacing:-2.6px}.welcome-label{letter-spacing:3px;color:#748065}.welcome>p{margin-top:23px;margin-bottom:29px}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.leaving .welcome{opacity:1;filter:none}}

/* The standalone blue arch has no tile or surrounding shadow. */
.brand img,.wordmark img{box-shadow:none;border-radius:0;object-fit:contain}

/* Preserve source logo ratio; prevent flex compression in the narrow rail. */
.brand>img,.wordmark>img,body .sidebar .brand>img{height:auto!important;aspect-ratio:536 / 486;object-fit:contain;flex-shrink:0!important;max-width:none;border-radius:0}

/* Compact wordmark stacked beside the full-proportion transparent symbol. */
header .brand{gap:15px;align-items:center;font-size:34px;letter-spacing:-1.4px}
header .brand>img{width:58px!important;height:auto!important;aspect-ratio:536 / 486;flex:none!important}
header .brand>.brand-name{display:flex;flex-direction:column;gap:7px;font-size:34px;letter-spacing:-1.4px;line-height:1;margin:0;padding:0;border:0}
header .brand-name small{display:block;font-size:8px;letter-spacing:4px;line-height:1;font-weight:800;margin-left:2px}
.welcome h1{margin:0 0 36px}.welcome{padding:18px 0}.welcome>small{margin-top:17px}
.orbit-landing{overflow-x:clip}
@media(max-width:600px){.orbit-landing .welcome::before{inset-inline:-22px}}
@media(max-width:600px){header .brand>img{width:46px!important}header .brand>.brand-name{font-size:28px;gap:6px}header .brand-name small{font-size:7px;letter-spacing:3px}header .brand{gap:12px}.welcome h1{margin-bottom:30px}}