@import url('assets/fonts/fonts.css');
@font-face{font-family:Playfair;src:url('assets/fonts/playfair-latin.woff2')}@font-face{font-family:Playfair;src:url('assets/fonts/playfair-italic-latin.woff2');font-style:italic}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Schibsted Grotesk',Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{color:inherit}button{cursor:pointer}button{border:0;background:none}a{text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button:hover{filter:brightness(.94)}button:active{transform:translateY(1px)}h1,h2,h3,p{margin:0}img{max-width:100%;display:block}.nav{height:104px;margin:0 auto;width:calc(100% - 112px);max-width:1440px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:700;letter-spacing:-1.2px;white-space:nowrap}.brand i{font-size:10px;align-self:flex-start;font-style:normal;margin:8px 0 0 -5px}.mark{width:36px;height:36px;color:var(--accent);flex:none}.nav-links{display:flex;gap:26px;font-size:12px}.nav-links button{padding:10px 0}.nav-actions{display:flex;align-items:center;gap:20px;font-size:12px}.nav-start{padding:12px 20px;background:var(--ink);color:var(--bg);border-radius:7px}.nav-start span{margin-left:10px}.hero{max-width:1440px;margin:auto;padding:52px 64px 56px}.split{display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:center;min-height:675px}.copy{position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.8px;font-weight:600;line-height:1.6}.tiny-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;flex:none}h1{font-size:clamp(48px,5.65vw,80px);line-height:1.04;font-weight:500;letter-spacing:-4px;margin:26px 0 24px}h1 em{font-style:normal;color:var(--accent)}.sub{font-size:15px;line-height:1.75;opacity:.78;max-width:470px}.actions{display:flex;align-items:center;gap:24px;margin-top:29px}.cta{background:var(--accent);color:#fff;border-radius:8px;display:inline-flex;align-items:center;gap:22px;padding:17px 23px;font-size:13px;font-weight:600;min-height:51px;line-height:1.3}.cta>span{font-size:21px;font-weight:400;line-height:1}.copy>.cta,.centered>.cta{margin-top:30px}.text-link{font-size:12px;padding:10px 0;border-bottom:1px solid currentColor}.micro{font-size:10px;margin-top:16px;opacity:.65}.scene{position:relative;min-width:0;height:540px;display:flex;align-items:center}.lamp{object-fit:contain;width:100%;height:100%}.store{background:#fffefb;color:#303329;border-radius:9px;box-shadow:0 20px 60px #34372a1b;overflow:hidden;width:100%;font-family:'Schibsted Grotesk',sans-serif;border:1px solid #353d3614}.browser{height:28px;background:#fafafa;border-bottom:1px solid #e9e8e3;display:flex;align-items:center;justify-content:space-between;font-size:7px;padding:0 12px;color:#6f726a}.dots{display:flex;gap:4px}.dots i{width:4px;height:4px;background:#d8d9d3;border-radius:50%}.shopbar{display:flex;align-items:center;justify-content:space-between;padding:16px 23px;font-size:6px}.shopbar b{font-size:16px;letter-spacing:-.6px}.shopbar b span{font-size:7px;vertical-align:top;margin:3px}.shopbody{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;padding:24px 24px 22px;background:#ecebdd;min-height:235px;position:relative}.shopkicker{font-size:5px;letter-spacing:1px}.shopbody h3{font-family:Playfair,Georgia,serif;font-weight:500;font-size:32px;line-height:1.06;letter-spacing:-1px;margin:12px 0}.shopbody p{font-size:7px;line-height:1.6;max-width:120px}.fake-button{display:inline-block;background:#354132;color:#faf9f1;font-size:6px;padding:9px 12px;border-radius:1px;margin-top:16px}.shopbody .lamp{height:220px;transform:scale(1.12)}.shopbottom{display:flex;justify-content:space-between;gap:10px;font-size:6px;padding:14px 23px}.float-status{position:absolute;display:flex;align-items:center;gap:10px;background:#fffefb;padding:14px 19px;border:1px solid #ebe8e0;box-shadow:0 10px 30px #282e2012;border-radius:10px;bottom:47px;left:-30px;z-index:3}.status-icon{background:#eaf0de;color:#4b6a35;border-radius:50%;height:28px;width:28px;display:grid;place-items:center}.float-status b{font-size:10px;display:block}.float-status small{font-size:8px;display:block;color:#7d8077;margin-top:5px}.floating-pill{position:absolute;display:flex;gap:10px;align-items:center;padding:11px 17px;border-radius:30px;background:#fffdf7;box-shadow:0 8px 25px #26301d14;font-size:10px;z-index:4}.floating-pill>span{color:var(--accent);font-size:18px}.phone{width:170px;aspect-ratio:1 / 1.98;flex:none;background:#eae9dc;border:5px solid #333b36;box-shadow:0 16px 30px #101b2a2b;border-radius:25px;padding:8px 10px;position:relative;overflow:hidden;color:#30392c}.phone-top{font-size:6px;display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.phone-top i{width:40px;background:#333b36;height:9px;border-radius:10px;margin-top:-10px}.phone-brand{font-size:10px;font-weight:700;display:flex;justify-content:space-between}.phone h3{font:23px/1.02 Playfair,Georgia,serif;margin:18px 0 0;position:relative;z-index:2;letter-spacing:-.6px}.phone>.lamp{height:165px;position:absolute;top:104px;left:11px;max-width:150px}.phone-bottom{position:absolute;bottom:13px;left:12px;right:12px;font-size:7px}.phone-bottom>b{font-size:8px;display:block}.phone-bottom>span{display:block;margin-top:4px}.phone-bottom>.fake-button{width:100%;text-align:center;margin-top:9px}.phone.social{background:#c58d6f;color:#fff}.social h3{font-family:'Schibsted Grotesk';font-weight:700;text-align:center;margin-top:40px;font-size:26px}.social>.lamp{top:90px;left:0;max-width:none;height:210px;transform:scale(1.15)}.social-top{font-size:8px;text-align:center}.social .phone-bottom{z-index:3}.social .phone-bottom p{font-size:6px;margin:6px 0}.social .phone-bottom span{font-size:5px}.concept-footer{margin:0 40px;padding:17px 0;border-top:1px solid #8883;font-size:9px;opacity:.65;display:flex;justify-content:space-between;gap:20px}.embedded .concept-footer{display:none}.centered{text-align:center;padding-top:37px;overflow:hidden}.centered>.eyebrow{justify-content:center}.centered>.sub{margin:auto}.centered>.actions{justify-content:center}.centered h1{font-size:68px}.centered .scene{text-align:left}
/* 01 — TANGERINE */
.tangerine .brand{font-family:'Young Serif',Georgia,serif;font-weight:400;font-size:23px}.tangerine h1{font-family:'Young Serif',Georgia,serif;letter-spacing:-3px;font-size:66px;line-height:1.11}.tangerine .nav{border-bottom:1px solid #273b2c20}.tangerine .hero{padding-top:15px}.tangerine .scene>.store{position:relative;z-index:2;transform:rotate(-5deg);width:95%;margin-left:10px}.sun-disc{position:absolute;background:#edb65f;border-radius:50%;width:430px;height:430px;right:0;top:30px}.sun-disc:after{content:'';position:absolute;inset:-22px;border:1px dashed #daa451;border-radius:50%;transform:rotate(25deg)}.tangerine .shopbody{background:#e9ebdc}.tangerine .float-status{bottom:41px;left:0;transform:rotate(3deg)}.bottom-pill{right:-12px;top:28px;transform:rotate(6deg)}.orbit-text{font-size:8px;letter-spacing:2.5px;position:absolute;right:48px;bottom:13px}.little-line{margin:30px 0 0 34px;display:flex;align-items:center;gap:12px;transform:rotate(-4deg);font:italic 14px Georgia,serif;color:#8b795d}.little-line svg{width:75px;fill:none;stroke:#9e7b50;stroke-width:1.4}.bottomline{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:23px 64px;border-top:1px solid #273b2c20;font-size:9px;letter-spacing:2px;max-width:1440px;margin:auto}.bottomline i{font-style:normal;color:#c5a273}
/* 02 — COBALT */
.cobalt{background:#f7f9ff}.cobalt .nav-start{background:var(--accent);color:white}.cobalt .nav{border-bottom:1px solid #1d3b7920}.cobalt h1{font-weight:600;letter-spacing:-3.5px;margin-top:23px;margin-bottom:20px}.cobalt h1 em{font-family:Playfair,Georgia,serif;font-weight:500;font-style:italic}.cobalt .centered{padding-bottom:0}.prompt{display:flex;align-items:center;gap:16px;background:white;border:1px solid #b4c5f6;box-shadow:0 8px 40px #527de615;padding:8px 8px 8px 19px;border-radius:14px;max-width:670px;margin:27px auto 0;text-align:left;font-size:12px}.prompt-star{font-size:25px;color:var(--accent)}.prompt>.cta{margin-left:auto;white-space:nowrap;padding:16px 20px}.suggestions{display:flex;justify-content:center;align-items:center;gap:9px;margin:15px auto 0;font-size:9px;color:#66759e}.suggestions button{background:#eaf0ff;padding:7px 10px;border-radius:14px;color:#45608e}.cobalt-preview{position:relative;max-width:840px;margin:45px auto 0;padding:0 125px 0 52px;text-align:left}.cobalt-preview>.store{transform:rotate(-2deg);box-shadow:0 30px 90px #2c50aa24}.cobalt-preview>.phone{position:absolute;right:20px;top:35px;transform:rotate(7deg)}.side-caption{position:absolute;left:-145px;top:70px;width:155px}.side-caption>span{font-size:8px;letter-spacing:1px;color:#7790c5}.side-caption>b{display:block;font-size:18px;line-height:1.4;margin-top:18px;font-weight:500}.side-caption>small{display:block;font-size:8px;color:#7d88a0;margin-top:15px}.cobalt-preview .shopbody{min-height:240px}
/* 03 — ACID */
.acid .nav{border-bottom:1px solid #fafaea25}.acid .brand{text-transform:uppercase;letter-spacing:-1.6px;font-size:24px}.acid .nav-start{background:var(--accent);color:#151b15;border-radius:0}.acid h1{font-family:Impact,'Arial Narrow',sans-serif;font-size:103px;font-weight:400;line-height:.95;letter-spacing:-2px;margin-top:30px}.acid h1 em{font-style:italic}.acid .hero{padding-top:24px;padding-bottom:30px}.acid .sub{font-size:13px;max-width:375px;margin-top:25px}.acid .cta{color:#1c2317;border-radius:0}.acid-scene{height:540px}.acid-product{background:#d9ff58;width:82%;height:410px;position:absolute;right:0;top:0;overflow:hidden}.acid-product>.lamp{height:385px;transform:rotate(14deg) scale(1.13)}.product-code{position:absolute;left:18px;bottom:20px;font-family:monospace;font-size:9px;line-height:1.5;color:#1f2c0c}.big-star{position:absolute;right:20px;top:4px;color:#222b14;font-size:75px;line-height:1}.acid-store{position:absolute;width:81%;bottom:5px;left:0;transform:rotate(-6deg)}.acid .store{border-radius:0;box-shadow:10px 10px 0 #10170e}.acid .shopbody{min-height:165px;padding:12px 18px;background:#eeeedd}.acid .shopbody .lamp{height:165px}.acid .shopbody h3{font-size:27px}.scene-label{font:7px monospace;position:absolute;transform:rotate(90deg);transform-origin:right;right:-15px;top:92%;letter-spacing:1px}.ticker{background:var(--accent);color:#172013;padding:20px 4.5%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:15px;font-weight:700;letter-spacing:1px}.ticker b{font-size:22px}
/* 04 — PISTACHIO */
.pistachio .nav-start{border-radius:30px;background:var(--accent);color:#fff}.pistachio .brand{font-family:Playfair,Georgia,serif;font-size:28px}.pistachio h1{font:70px/1.04 Playfair,Georgia,serif;letter-spacing:-2.6px}.pistachio h1 em{font-style:italic}.pistachio .cta{border-radius:30px}.pistachio .hero{padding-top:23px;min-height:655px}.pistachio .scene{height:535px}.green-arch{position:absolute;width:76%;height:495px;right:10px;top:0;background:#d7dec4;border-radius:220px 220px 10px 10px;display:flex;align-items:center;justify-content:center}.green-arch>span{font-size:7px;letter-spacing:2px;position:absolute;top:64px}.green-arch>.lamp{height:360px;transform:translateY(-8px)}.mini-brand{position:absolute;top:125px;left:-10px;background:#fffef5;padding:22px 24px;transform:rotate(-9deg);box-shadow:0 10px 25px #223d2a10}.mini-brand>span{font-size:6px;letter-spacing:1px}.mini-brand>b{font:44px Georgia,serif;display:block;line-height:1.4}.mini-brand>div{display:flex;gap:5px}.mini-brand i{width:15px;height:15px;border-radius:50%;background:#42533a}.mini-brand i:nth-child(2){background:#bd6b48}.mini-brand i:nth-child(3){background:#d3d5b7}.mini-brand i:nth-child(4){background:#ece6d7}.green-mini{width:72%;position:absolute;right:-4px;bottom:-5px;transform:rotate(5deg)}.green-mini .shopbody{min-height:140px;padding:15px}.green-mini .shopbody .lamp{height:140px}.green-mini .shopbody h3{font-size:25px}.green-mini .shopbar{padding:12px 15px}.green-mini .shopbottom{padding:10px 15px}.pistachio .floating-pill{bottom:58px;left:-30px;font-size:9px;transform:rotate(-4deg)}.organic-note{display:flex;gap:12px;align-items:center;font-family:Georgia,serif;font-style:italic;font-size:16px;margin-top:38px}.organic-note>span{font-size:27px;color:var(--accent)}.botanical-line{border-top:1px solid #30533825;display:flex;justify-content:space-between;gap:20px;padding:26px 64px;max-width:1440px;margin:auto;font-size:11px}.botanical-line>span{font:italic 16px Georgia,serif}.botanical-line i{padding:0 20px;font-style:normal;color:#869376}
/* 05 — PLAYGROUND */
.playground .brand{font-family:'Young Serif',Georgia,serif;font-weight:400;font-size:23px}.playground .nav-start{background:var(--accent);border-radius:24px;color:#fff}.playground .hero{padding-top:28px;padding-bottom:0}.play-badge{display:inline-block;background:#d9eb9c;border:1.4px solid #35284e;padding:8px 14px;border-radius:8px;box-shadow:2px 2px 0 #35284e;font-size:9px;transform:rotate(-3deg)}.playground h1{font-family:'Young Serif',Georgia,serif;font-size:57px;letter-spacing:-2px;line-height:1.12;margin-top:24px}.playground h1 em{position:relative}.playground .cta{border:1.5px solid #35284e;box-shadow:3px 3px 0 #35284e;border-radius:30px}.playground .actions{margin-top:24px}.play-scene{height:355px;position:relative;max-width:1050px;margin:35px auto 0;display:flex;align-items:flex-start;justify-content:center;gap:20px}.play-tile{border:1.5px solid #382c43;border-radius:13px;box-shadow:5px 6px 0 #382c43;overflow:hidden;position:relative}.tile-a{width:220px;height:270px;background:#f4b68f;transform:rotate(-8deg);margin-top:30px;padding:16px}.tile-a>span,.tile-c>span{font-size:8px;letter-spacing:1px;display:block}.tile-a>.lamp{height:200px;margin-top:-3px}.tile-a>b{font-size:11px}.tile-b{width:480px;transform:rotate(3deg);z-index:2}.tile-b .store{border-radius:0;border:0;box-shadow:none}.tile-b .shopbody{min-height:215px}.tile-b .shopbody>.lamp{height:185px}.tile-c{background:#d7e6a4;width:205px;height:320px;transform:rotate(9deg);padding:14px 12px}.tile-c .phone{width:150px;margin:16px auto 0}.sticker{display:flex;align-items:center;justify-content:center;position:absolute;font-size:14px;font-weight:700;line-height:1.1;z-index:5}.s1{width:94px;height:94px;left:15%;top:-22px;border-radius:50%;background:#f6e570;transform:rotate(-15deg);border:1px solid #382c43}.s2{width:80px;height:65px;right:15%;bottom:0;background:#e996ba;transform:rotate(9deg);border:1px solid #382c43}.play-arrow{position:absolute;width:100px;left:7%;top:-60px;fill:none;stroke:#5e476b;stroke-width:2}
/* 06 — ATELIER */
.atelier .nav{border-bottom:1px solid #2a282445;height:100px}.atelier .brand{font-family:Playfair,Georgia,serif;font-weight:500;letter-spacing:-.4px}.atelier .mark{color:var(--ink);width:31px}.atelier .nav-start{background:none;border:1px solid #3b322f;border-radius:0;color:var(--ink)}.atelier-main{padding-top:23px;padding-bottom:0}.atelier-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;margin-bottom:36px}.atelier-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.atelier h1{font:77px/.99 Playfair,Georgia,serif;letter-spacing:-3px;margin:0 0 27px}.atelier h1 em{font-style:italic;color:inherit;font-weight:400}.atelier .sub{font-size:12px;line-height:1.9}.atelier .cta{background:none;color:var(--ink);border-bottom:1px solid currentColor;border-radius:0;padding:14px 0;font-size:12px;gap:35px;margin-top:21px}.atelier-caption{font-size:7px;letter-spacing:1.6px;margin-top:66px;opacity:.65}.atelier-photo{background:#d6bc9d;height:510px;position:relative;overflow:hidden;padding:23px;color:#4c362a}.atelier-photo>span{font-size:8px;letter-spacing:2px;position:relative;z-index:1}.atelier-photo>.lamp{height:425px;width:115%;max-width:none;position:absolute;left:-5%;top:22px}.photo-bottom{position:absolute;bottom:25px;left:26px;right:24px;display:flex;justify-content:space-between;align-items:flex-end}.photo-bottom b{font:24px/1.1 Playfair,Georgia,serif}.photo-bottom>span{font-size:7px;line-height:1.8;letter-spacing:1px;text-align:right}.atelier-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #24242040;padding:27px 0;margin-top:35px;font-size:8px;letter-spacing:1.4px}.atelier-foot>div{letter-spacing:0;font-size:10px}.atelier-foot i{padding:0 16px;font-style:normal;color:#958478}
/* 07 — SIGNAL */
.signal .nav{height:95px}.signal .brand{font-weight:700;letter-spacing:-1.3px}.signal .nav-start{border-radius:0;background:var(--accent);color:#fff}.signal-main{padding-top:30px;padding-bottom:0;overflow:hidden}.signal-copy{display:grid;grid-template-columns:1.65fr 1fr;gap:40px;align-items:end}.signal h1{font-size:60px;font-weight:700;letter-spacing:-3.2px;line-height:1.03;margin-top:20px;margin-bottom:0}.signal h1 em{font-style:italic}.signal-copy .sub{font-size:12px;max-width:300px}.signal-copy .cta{margin-top:18px;border-radius:0;padding:14px 20px;min-height:43px;font-size:11px}.signal-stage{position:relative;height:435px;margin-top:45px;background:#ee4937;overflow:hidden}.signal-word{position:absolute;white-space:nowrap;top:20px;left:24px;font-size:95px;font-weight:700;letter-spacing:-6px;opacity:.17;color:#fff}.signal-product{position:absolute;width:270px;height:290px;left:-8px;bottom:5px;background:#f5ad7a;transform:rotate(-8deg);border:9px solid #f6f0dd}.signal-product>.lamp{height:250px}.signal-product>span{display:block;font-size:6px;text-align:center;letter-spacing:1px;font-weight:700}.signal-stage>.store{position:absolute;width:510px;left:25%;top:88px;transform:rotate(-3deg);border-radius:0}.signal-stage>.phone{position:absolute;right:6%;top:48px;transform:rotate(11deg);width:185px}.signal-stage>.phone .lamp{height:235px}.signal-stage .signal-label{position:absolute;left:24px;top:25px;line-height:1.7;font-size:7px;letter-spacing:1px;color:#fff}.signal-stage .shopbody{min-height:225px}
/* 08 — ORBIT */
.orbit .nav{border-bottom:1px solid #b5e1db24}.orbit .nav-start{background:var(--accent);color:#122c33}.orbit .hero{padding-top:30px}.orbit .brand{letter-spacing:-1px;font-weight:500}.orbit h1{font-size:70px;line-height:1.05;letter-spacing:-3px}.orbit h1 em{font-family:Playfair,Georgia,serif;font-style:italic}.orbit .sub{font-size:13px;max-width:370px;color:#acbfca}.orbit .cta{color:#102a2e}.orbit-steps{display:flex;gap:24px;margin-top:40px;font-size:7px;letter-spacing:1px;color:#78949e}.network{height:540px}.ring{position:absolute;width:425px;height:425px;border:1px solid #a5e2db28;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%}.ring2{width:260px;height:260px;border-style:dashed}.network-center{position:absolute;top:45%;left:43%;width:70px;height:70px;border-radius:18px;display:grid;place-items:center;background:#17323f;border:1px solid #78a9b150;box-shadow:0 0 70px #77c5c111}.network-center .mark{width:43px;height:43px}.network-product{width:163px;position:absolute;left:5px;top:10px;background:#243b43;padding:10px 17px 17px;border:1px solid #8bbac130;border-radius:12px;transform:rotate(-6deg)}.network-product>.lamp{height:155px}.network-product>b{display:block;font-size:11px}.network-product>small{font-size:8px;color:#9bb2b8;display:block;margin-top:4px}.network-store{position:absolute;width:325px;right:-5px;top:70px;transform:rotate(5deg)}.network-store .shopbody{padding:12px 15px;min-height:145px}.network-store .shopbody .lamp{height:145px}.network-store .shopbody h3{font-size:22px}.network-store .shopbar{padding:12px}.network-store .shopbar>span{font-size:5px}.network-store .shopbody p{font-size:6px}.network-store .shopbottom{padding:10px;font-size:5px}.network-content{position:absolute;bottom:25px;left:18px;width:230px;background:#1b3542;padding:15px;border:1px solid #779fa93d;transform:rotate(-4deg);border-radius:12px}.network-content>span{font-size:7px;letter-spacing:1.5px;color:#93afb7}.network-content>div{background:#9fbeb7;color:#19353a;padding:18px 13px;margin:12px 0;display:flex;align-items:center;gap:20px}.network-content>div>span{background:#d6e4d9;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:10px}.network-content b{font:20px/1.05 Playfair,serif}.network-content small{font-size:7px;color:#98b6ba}.network-credit{position:absolute;bottom:72px;right:0;font-size:9px;color:#a2bec5}.network-credit>span{color:var(--accent);font-size:20px;display:block;margin-bottom:10px}
/* 09 — PAPER */
.paper{background-image:linear-gradient(#42558008 1px,transparent 1px),linear-gradient(90deg,#42558008 1px,transparent 1px);background-size:26px 26px}.paper .nav{border-bottom:1px solid #667a9240}.paper .brand{font-family:Georgia,serif;font-weight:600;font-size:27px;letter-spacing:-1px}.paper .nav-start{border:1.5px solid var(--ink);background:transparent;color:var(--ink);border-radius:5px;box-shadow:2px 2px 0 var(--ink)}.paper-main{padding-top:34px;padding-bottom:10px}.paper h1{font-family:Playfair,Georgia,serif;font-size:64px;letter-spacing:-2px;line-height:1.08;margin-bottom:18px}.paper h1 em{font-style:italic}.paper .sub{font-size:13px}.paper .cta{margin-top:24px;box-shadow:3px 3px 0 #233852;border:1px solid #233852;border-radius:4px;padding:14px 22px}.paper-diagram{display:flex;align-items:center;justify-content:center;position:relative;gap:10px;max-width:1080px;margin:30px auto 0;height:380px;text-align:left}.paper-product{width:210px;transform:rotate(-5deg);flex:none}.hand-label{font-family:Georgia,serif;font-style:italic;font-size:14px;display:block;margin:0 0 13px;color:#5f6a7c}.paper-product>div{height:220px;background:#eed6ba;border:1px solid #888d92;border-radius:2px;padding:12px}.paper-product>small{font:italic 13px Georgia,serif;display:block;margin:15px 10px}.drawn-arrow{width:100px;fill:none;stroke:#49648c;stroke-width:1.5;flex:none;align-self:center;margin-bottom:55px}.paper-store{width:520px;transform:rotate(2deg)}.paper-store .store{box-shadow:5px 5px 0 #e2e5de;border:1px solid #7b8895;border-radius:2px}.paper-store .shopbody{min-height:205px}.paper-store .shopbody .lamp{height:180px}.paper-note{width:145px;align-self:flex-start;margin:55px 0 0 15px;font:italic 14px/1.5 Georgia,serif;transform:rotate(5deg)}.paper-note span{font-size:10px}.paper-note svg{width:70px;margin-top:12px;stroke:#536e96;stroke-width:1.5;fill:none}
/* 10 — SUNRISE */
.sunrise{background:#f5dbcc}.sunrise .nav{position:relative;z-index:4}.sunrise .brand{font-family:Playfair,Georgia,serif;font-size:27px;font-weight:600}.sunrise .nav-start{border-radius:25px;background:#5b2e31;color:#f9e5d5}.sunrise-main{position:relative;max-width:none;padding-top:22px;padding-bottom:0;overflow:hidden;text-align:center;isolation:isolate;background:linear-gradient(180deg,#f5dbcc 10%,#f2c4ad 52%,#de9b83 80%,#d7977d)}.sunrise-halo{position:absolute;z-index:-1;width:850px;height:850px;border-radius:50%;background:linear-gradient(#fae5b9,#efad80);left:50%;top:75px;transform:translateX(-50%);box-shadow:0 0 100px #ffe4ab50}.sunrise-text{position:relative;z-index:2}.sunrise-text>.eyebrow{justify-content:center;color:#7b5047}.sunrise h1{font:77px/1.04 Playfair,Georgia,serif;letter-spacing:-3px;margin-top:23px;margin-bottom:20px}.sunrise h1 em{font-style:italic;color:#8e4338}.sunrise .sub{margin:auto;font-size:13px;color:#774b46}.sunrise .cta{margin-top:25px;border-radius:30px;background:#603133;color:#fff7ec}.sunrise-stage{position:relative;width:1120px;max-width:100%;height:340px;margin:42px auto 0}.sunrise-stage>.store{position:absolute;left:50%;transform:translateX(-50%);width:570px;text-align:left;top:0;box-shadow:0 20px 70px #73382d44}.sunrise-stage .shopbody{min-height:220px;background:#eee8d6}.sunrise-object{position:absolute;width:230px;height:290px;right:60px;bottom:-25px;transform:rotate(10deg);filter:drop-shadow(0 25px 15px #78453344)}.sunrise-object>.lamp{transform:scale(1.3)}.sunrise-caption{position:absolute;left:0;top:95px;text-align:left;font-size:7px;line-height:2;letter-spacing:1.7px}.sunrise-caption.right{right:0;left:auto;top:42px;text-align:right}.sunrise .concept-footer{background:#f5dbcc}
/* Interactive concept dialog */
dialog{width:470px;max-width:calc(100% - 32px);padding:37px;border:1px solid #ddd8cd;border-radius:16px;background:#fcfaf5;color:#27362f;box-shadow:0 30px 120px #0004}dialog::backdrop{background:#15211d88;backdrop-filter:blur(7px)}dialog h2{font:32px/1.15 Playfair,Georgia,serif;margin:20px 0 15px}dialog p{font-size:12px;line-height:1.7;color:#657269}dialog label{display:block;font-size:11px;margin:24px 0 8px}dialog input{width:100%;border:1px solid #bac8bc;background:#fff;border-radius:7px;padding:12px;font-size:13px}dialog form .cta{margin-top:16px;width:100%;justify-content:space-between;background:#335541!important;color:#fff!important}.close-dialog{position:absolute;right:14px;top:10px;font-size:25px}#demo-result{background:#e6efe5;border-radius:8px;padding:18px;margin-top:20px}#demo-result>b{font-size:14px}#demo-result>small{font-size:9px;line-height:1.5;display:block;margin-top:10px}
@media(min-width:1550px){.hero{min-height:700px}.centered{min-height:auto}.scene{height:570px}}
@media(max-width:1100px) and (min-width:761px){.nav{width:calc(100% - 70px);gap:15px}.nav-links{gap:16px}.nav-actions{gap:12px}.brand{font-size:22px}.hero{padding-left:40px;padding-right:40px}.split{gap:28px}.tangerine h1{font-size:58px}.sun-disc{width:350px;height:350px;top:70px}.scene{height:480px}.float-status{left:0}.tangerine .floating-pill{right:-5px}.atelier-grid{gap:35px}.atelier h1{font-size:65px}.acid h1{font-size:88px}.signal h1{font-size:50px}.signal-stage>.store{width:440px}.orbit h1{font-size:60px}.network-store{width:280px}.network-product{width:140px;left:-8px}.network-content{width:200px}.side-caption{display:none}.paper-note{display:none}.green-mini{width:85%}.botanical-line i{padding:0 10px}.sunrise-caption{display:none}}
@media(max-width:760px){.nav{height:83px;width:calc(100% - 38px);gap:12px}.brand,.tangerine .brand,.playground .brand{font-size:21px;letter-spacing:-.8px}.brand .mark{width:29px;height:29px}.brand i{font-size:8px}.nav-links,.login{display:none}.nav-actions{gap:0}.nav-start{font-size:9px;padding:10px 12px}.nav-start span{margin-left:3px}.hero{padding:35px 23px 30px}.split{display:flex;flex-direction:column;align-items:stretch;gap:25px;min-height:0}.eyebrow{font-size:8px;letter-spacing:1.4px}h1{font-size:49px;letter-spacing:-2.6px;margin-top:24px;margin-bottom:20px}.sub{font-size:13px;line-height:1.8}.sub br{display:none}.cta{font-size:12px;padding:16px 20px;min-height:49px;gap:20px}.actions{gap:20px;margin-top:25px}.text-link{font-size:10px}.micro{font-size:9px}.scene{height:370px;flex:none;width:100%}.store{border-radius:6px}.browser{height:22px;padding:0 9px;font-size:6px}.dots i{height:3px;width:3px}.shopbar{padding:12px 15px;font-size:5px}.shopbar b{font-size:13px}.shopbody{padding:17px 16px;min-height:190px}.shopbody h3{font-size:26px;letter-spacing:-.7px;margin:8px 0}.shopkicker{font-size:4px;letter-spacing:.5px}.shopbody p{font-size:6px;max-width:110px}.shopbody .lamp{height:170px}.fake-button{font-size:5px;padding:8px 9px;margin-top:12px}.shopbottom{font-size:4.5px;padding:12px 15px}.float-status{padding:12px 13px;gap:9px;border-radius:8px}.float-status b{font-size:8px}.float-status small{font-size:7px}.status-icon{width:23px;height:23px;font-size:11px}.floating-pill{font-size:8px;padding:8px 11px;gap:7px}.floating-pill>span{font-size:15px}.concept-footer{margin:0 20px;font-size:8px;flex-direction:column;gap:10px;line-height:1.5}.centered h1{font-size:45px;letter-spacing:-2px}.centered>.sub{max-width:330px}.centered{padding-top:29px}.tangerine h1{font-size:47px;letter-spacing:-2.4px;line-height:1.12}.tangerine .hero{padding-top:29px}.tangerine .little-line{margin-top:25px;font-size:13px}.tangerine .scene{height:375px}.sun-disc{width:280px;height:280px;top:23px;right:0}.sun-disc:after{inset:-13px}.tangerine .scene>.store{width:94%;margin-left:5px;transform:rotate(-4deg)}.tangerine .shopbody .lamp{height:170px}.tangerine .float-status{bottom:5px;left:-2px}.tangerine .bottom-pill{top:0;right:0}.orbit-text{font-size:6px;bottom:0;right:10px;max-width:110px;line-height:1.7;text-align:right;letter-spacing:1.3px}.bottomline{padding:20px;gap:14px;flex-wrap:wrap;justify-content:center;font-size:6px;letter-spacing:1.2px}.bottomline i{font-size:10px}.cobalt h1{font-size:43px;letter-spacing:-2.2px;line-height:1.1}.cobalt .hero{padding-left:20px;padding-right:20px}.cobalt .sub{font-size:12px}.prompt{flex-wrap:wrap;gap:10px;margin-top:22px;padding:14px;font-size:10px;border-radius:12px}.prompt-star{font-size:20px}.prompt>.cta{width:100%;justify-content:center;margin-top:2px;font-size:11px;padding:12px;min-height:43px}.suggestions{flex-wrap:wrap;gap:6px;font-size:8px}.suggestions>span{width:100%;margin-bottom:3px}.suggestions button{font-size:8px}.cobalt-preview{margin-top:34px;padding:0 38px 25px 0}.cobalt-preview>.store{width:100%;transform:rotate(-3deg)}.cobalt-preview .shopbody{min-height:170px;padding:15px 12px}.cobalt-preview .shopbody h3{font-size:22px}.cobalt-preview .shopbody>.lamp{height:145px}.cobalt-preview .shopbody p{font-size:5px}.cobalt-preview .shopbar>span{font-size:4px}.cobalt-preview>.phone{width:115px;border-width:3px;border-radius:17px;right:0;top:75px;padding:6px}.cobalt-preview>.phone h3{font-size:15px;margin-top:11px}.cobalt-preview>.phone .phone-top{font-size:4px;margin-bottom:9px}.cobalt-preview>.phone .phone-top i{height:6px;width:28px;margin-top:-6px}.cobalt-preview>.phone .phone-brand{font-size:7px}.cobalt-preview>.phone>.lamp{height:115px;top:61px;left:3px;max-width:105px}.cobalt-preview>.phone .phone-bottom{left:8px;right:8px;bottom:9px;font-size:5px}.cobalt-preview>.phone .phone-bottom>b{font-size:5px}.cobalt-preview>.phone .fake-button{font-size:4px;padding:6px}.side-caption{display:none}.acid .hero{padding-top:29px}.acid h1{font-size:79px;letter-spacing:-1px}.acid .sub{font-size:12px}.acid-scene{height:395px}.acid-product{height:300px;width:83%}.acid-product>.lamp{height:280px}.acid .acid-store{width:88%;bottom:5px;left:0}.acid .shopbody{min-height:150px;padding:10px 14px}.acid .shopbody .lamp{height:140px}.acid .shopbody h3{font-size:22px}.scene-label{display:none}.big-star{font-size:55px}.product-code{font-size:7px;left:14px;bottom:16px}.ticker{padding:18px 20px;font-size:9px;gap:10px;flex-wrap:wrap;justify-content:center}.ticker b{font-size:15px}.pistachio .hero{padding-top:29px;min-height:0}.pistachio h1{font-size:52px;line-height:1.04;letter-spacing:-2px}.pistachio .scene{height:410px;margin-top:10px}.pistachio .green-arch{height:375px;width:77%;right:3px}.green-arch>span{top:50px;font-size:5px;letter-spacing:1.2px}.green-arch>.lamp{height:300px}.mini-brand{top:76px;left:-5px;padding:18px 14px}.mini-brand>span{font-size:5px}.mini-brand>b{font-size:34px}.mini-brand i{width:12px;height:12px}.green-mini{width:81%;right:0;bottom:-6px}.green-mini .shopbody{min-height:125px;padding:12px}.green-mini .shopbody .lamp{height:110px}.green-mini .shopbody h3{font-size:20px}.green-mini .shopbody p{font-size:5px}.green-mini .shopbar{padding:10px 12px}.green-mini .shopbar>span{font-size:4px}.green-mini .shopbottom{font-size:4px}.pistachio .floating-pill{bottom:38px;left:-9px;font-size:7px}.organic-note{font-size:14px;margin-top:27px}.botanical-line{margin-top:18px;padding:21px 23px;display:block;font-size:8px;text-align:center}.botanical-line>span{font-size:14px}.botanical-line>div{margin-top:17px}.botanical-line i{padding:0 8px}.playground .hero{padding:25px 18px 0}.play-badge{font-size:7px;padding:7px 11px}.playground h1{font-size:37px;letter-spacing:-1.4px;line-height:1.13;margin-top:22px}.playground .sub{font-size:12px}.playground .actions{gap:18px}.playground .cta{font-size:11px;min-height:45px;padding:13px 16px;gap:14px}.play-scene{height:430px;margin-top:50px;display:block}.tile-a{position:absolute;left:8px;top:0;width:150px;height:185px;padding:12px;margin:0}.tile-a>span,.tile-c>span{font-size:5px}.tile-a>.lamp{height:135px}.tile-a>b{font-size:8px}.tile-b{position:absolute;left:9px;bottom:15px;width:87%;z-index:3}.tile-b .shopbody{min-height:150px;padding:12px}.tile-b .shopbody>.lamp{height:132px}.tile-b .shopbody h3{font-size:23px}.tile-b .shopbar>span{font-size:4px}.tile-c{position:absolute;width:145px;height:220px;right:9px;top:-2px;padding:12px 8px}.tile-c .phone{width:105px;border-width:3px;border-radius:15px;margin-top:10px;padding:5px}.tile-c .phone-top{font-size:4px;margin-bottom:9px}.tile-c .phone-top i{width:25px;height:6px}.tile-c .phone h3{font-size:17px;margin-top:22px}.tile-c .phone .social-top{font-size:5px}.tile-c .phone>.lamp{top:48px;height:140px}.tile-c .phone-bottom{left:6px;bottom:8px}.tile-c .phone-bottom>b{font-size:5px}.tile-c .phone-bottom p{font-size:4px}.tile-c .phone-bottom>span{font-size:3px}.s1{width:66px;height:66px;left:36%;top:-20px;font-size:10px}.s2{width:60px;height:50px;right:0;bottom:0;font-size:11px;z-index:5}.play-arrow{width:63px;left:8px;top:-40px}.atelier .nav{height:83px}.atelier-main{padding-top:20px}.atelier-top{font-size:6px;letter-spacing:1.3px;gap:12px;margin-bottom:29px}.atelier-grid{display:flex;flex-direction:column;gap:29px;align-items:stretch}.atelier h1{font-size:56px;letter-spacing:-2px;line-height:1;margin:0 0 22px}.atelier .sub{font-size:12px}.atelier .cta{margin-top:17px}.atelier-caption{margin-top:27px;font-size:6px}.atelier-photo{height:355px;padding:19px}.atelier-photo>span{font-size:6px;letter-spacing:1.5px}.atelier-photo>.lamp{height:300px;top:12px}.photo-bottom{bottom:20px;left:20px;right:20px}.photo-bottom>b{font-size:22px}.photo-bottom>span{font-size:6px}.atelier-foot{margin-top:28px;font-size:6px;line-height:1.6;gap:20px;padding:20px 0}.atelier-foot>div{display:none}.signal .nav{height:83px}.signal-main{padding:29px 20px 0}.signal-copy{display:block}.signal h1{font-size:43px;letter-spacing:-2.2px;line-height:1.07;margin-top:20px}.signal-copy .sub{font-size:12px;margin-top:22px;max-width:none}.signal-stage{height:450px;margin-top:30px;overflow:hidden}.signal-word{font-size:53px;letter-spacing:-3px;top:12px;left:12px}.signal-product{width:150px;height:180px;left:15px;bottom:auto;top:90px;border-width:6px}.signal-product>.lamp{height:145px}.signal-product>span{font-size:4px;letter-spacing:.6px}.signal-stage>.store{width:92%;left:6%;top:235px;z-index:3}.signal-stage .shopbody{min-height:150px;padding:12px}.signal-stage .shopbody .lamp{height:145px}.signal-stage .shopbody h3{font-size:23px}.signal-stage .shopbar>span{font-size:4px}.signal-stage>.phone{width:137px;right:15px;top:75px;border-width:4px;border-radius:20px;padding:6px}.signal-stage>.phone .phone-top{font-size:5px}.signal-stage>.phone .social-top{font-size:6px}.signal-stage>.phone h3{font-size:20px;margin-top:28px}.signal-stage>.phone .lamp{height:175px;top:70px}.signal-stage>.phone .phone-bottom{bottom:10px;left:9px}.signal-stage>.phone .phone-bottom>b{font-size:6px}.signal-stage>.phone .phone-bottom p{font-size:5px}.signal-stage>.phone .phone-bottom>span{font-size:4px}.signal-stage .signal-label{left:13px;top:13px;font-size:5px}.orbit .hero{padding-top:30px}.orbit h1{font-size:52px;letter-spacing:-2px}.orbit .sub{font-size:12px}.orbit-steps{gap:18px;font-size:6px;margin-top:29px}.network{height:430px;margin-top:8px}.ring{width:315px;height:315px}.ring2{width:190px;height:190px}.network-product{width:122px;top:8px;left:-4px;padding:9px 12px 12px}.network-product>.lamp{height:115px}.network-product>b{font-size:9px}.network-product>small{font-size:6px}.network-store{width:230px;top:80px;right:-6px}.network-store .shopbar{padding:9px}.network-store .shopbar>span{font-size:3px}.network-store .shopbody{min-height:110px;padding:10px}.network-store .shopbody .lamp{height:105px}.network-store .shopbody h3{font-size:19px;margin:7px 0}.network-store .shopbody p{font-size:4px}.network-store .shopkicker{font-size:3px}.network-store .fake-button{font-size:4px;margin-top:8px;padding:6px}.network-store .shopbottom{font-size:3px;padding:8px}.network-store .browser{height:18px;font-size:4px}.network-center{width:50px;height:50px;top:50%;left:33%;border-radius:12px}.network-center .mark{width:30px;height:30px}.network-content{width:180px;bottom:18px;left:0;padding:12px}.network-content>span{font-size:6px}.network-content>div{padding:14px 10px;gap:10px}.network-content b{font-size:18px}.network-content small{font-size:6px}.network-credit{font-size:7px;bottom:64px;right:2px;max-width:110px;line-height:1.6}.network-credit>span{font-size:18px}.paper h1{font-size:43px;line-height:1.1;letter-spacing:-1.8px}.paper .sub{font-size:12px}.paper .hero{padding:29px 20px 20px}.paper .cta{font-size:11px}.paper-diagram{margin-top:35px;height:500px;display:block}.paper-product{width:157px;left:12px;position:absolute;top:0}.paper-product>div{height:175px;padding:7px}.hand-label{font-size:11px;line-height:1.5;margin-bottom:10px}.paper-product>small{font-size:10px;margin:11px 4px}.drawn-arrow{position:absolute;width:90px;left:49%;top:110px;transform:rotate(62deg)}.paper-store{width:95%;position:absolute;bottom:10px;left:5px}.paper-store .shopbody{min-height:165px;padding:14px}.paper-store .shopbody .lamp{height:145px}.paper-store .shopbody h3{font-size:24px}.paper-store .shopbar>span{font-size:4px}.paper-note{position:absolute;right:0;top:17px;margin:0;max-width:123px;font-size:12px}.paper-note span{font-size:9px}.paper-note svg{display:none}.sunrise-main{padding:25px 20px 0}.sunrise-halo{width:600px;height:600px;top:88px}.sunrise h1{font-size:51px;line-height:1.05;letter-spacing:-2px;margin-top:24px}.sunrise .sub{font-size:12px;max-width:300px}.sunrise .cta{font-size:11px;margin-top:24px}.sunrise-stage{height:300px;margin-top:43px}.sunrise-stage>.store{width:94%;left:47%;transform:translateX(-50%) rotate(-3deg)}.sunrise-stage .shopbody{min-height:180px;padding:14px}.sunrise-stage .shopbody .lamp{height:160px}.sunrise-stage .shopbody h3{font-size:24px}.sunrise-stage .shopbar>span{font-size:4px}.sunrise-caption{display:none}.sunrise-object{width:135px;height:170px;right:-10px;bottom:-10px}.sunrise-object>.lamp{transform:scale(1.3)}}
@media(prefers-reduced-motion:no-preference){.hero .copy,.centered>h1,.sunrise-text{animation:appear .7s ease both}.hero .scene,.play-scene,.cobalt-preview{animation:appear .9s .12s ease both}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}
.lamp{object-fit:cover}body:has(dialog[open]){overflow:hidden}
@media(max-width:360px){.brand,.tangerine .brand,.playground .brand{font-size:18px;gap:7px}.brand .mark{width:25px;height:25px}.nav-start{font-size:8px;padding:9px 10px}.brand i{display:none}.pistachio .brand,.atelier .brand,.sunrise .brand,.paper .brand{font-size:22px}.signal h1{font-size:37px}.tangerine h1{font-size:42px}.playground h1{font-size:32px}.centered h1{font-size:39px}.paper h1{font-size:37px}.sunrise h1{font-size:45px}}
@media(max-width:760px){.paper-diagram{height:550px}}