:root{--ink:#102a43;--muted:#66717f;--line:#dbe0e4;--accent:#5250df;--surface:#f6f5f1;--paper:#fff;--radius:24px;--shadow:0 20px 75px #18314512;--ease:cubic-bezier(.2,.65,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--surface);-webkit-font-smoothing:antialiased}button,a,input{ -webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #557cfb;outline-offset:5px}button{border:0}img{display:block;width:100%;object-fit:cover}svg{display:block}button svg,a svg{flex-shrink:0}.skip{position:fixed;left:20px;top:-80px;z-index:200;padding:16px;background:white;color:#102a43;border-radius:12px}.skip:focus{top:15px}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.site-header{height:102px;padding:0 4.4%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:13px;min-width:0}.brand-mark{width:37px;height:42px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round}.brand-word{font-weight:750;font-size:28px;letter-spacing:-1.5px}.brand-divider{height:27px;width:1px;background:currentColor;opacity:.28;margin:0 5px}.brand-lab{font-size:12px;letter-spacing:.16em;text-transform:uppercase}.header-actions{display:flex;align-items:center;gap:30px;font-size:14px}.text-link{display:flex;gap:12px;align-items:center;background:none;padding:14px 0;border-bottom:1px solid transparent}.text-link:hover{border-color:currentColor}.header-back{display:flex;gap:8px;align-items:center;background:transparent;padding:12px;font-size:13px}.eyebrow{font-size:11px;letter-spacing:.19em;text-transform:uppercase;font-weight:700;display:flex;align-items:center;gap:10px}.eyebrow:before{content:"";height:6px;width:6px;background:currentColor;border-radius:50%}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:58px;padding:18px 29px;border-radius:40px;background:var(--ink);color:#fff;font-size:15px;font-weight:600;transition:transform .25s var(--ease),box-shadow .25s;white-space:nowrap}.button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 25px #172e4a24}.button .icon{width:22px}.button.secondary{background:transparent;color:inherit;border:1px solid currentColor}.button.soft{background:#eef0f5;color:var(--ink)}.button.small{min-height:46px;padding:13px 22px;font-size:13px}.home{padding-bottom:110px}.home h1{margin:20px 0 24px;font-weight:500;letter-spacing:-.065em;line-height:1.02}.home .lead{font-size:17px;line-height:1.65;max-width:370px;color:var(--muted);margin:0 0 30px}.home .caption{font-size:11px;letter-spacing:.1em;text-transform:uppercase}.site-footer{display:flex;justify-content:space-between;gap:20px;margin:28px 4.4% 0;padding-top:22px;border-top:1px solid #8292a32b;color:var(--muted);font-size:11px;line-height:1.5}.concept-note{font-size:11px;color:var(--muted);margin:0}.direction-dock{position:fixed;z-index:50;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:5px;background:#fffef3f0;color:#172b42;padding:7px;border:1px solid #d7dbe6b0;border-radius:60px;box-shadow:0 10px 55px #00162e26;backdrop-filter:blur(24px);max-width:calc(100% - 24px)}.dock-label{font-size:9px;letter-spacing:.1em;text-transform:uppercase;padding:0 17px;line-height:1.5;white-space:nowrap}.direction-dock a{display:flex;align-items:center;gap:8px;border-radius:40px;font-size:12px;padding:13px 17px;white-space:nowrap;min-height:44px;transition:background .25s,color .25s}.direction-dock a span{font-size:10px;opacity:.55}.direction-dock a:hover{background:#eaeaf2}.direction-dock a.active{background:#102c47;color:#fff}.direction-dock a.active span{opacity:.6}.mini-gallery{padding:26px 4.4%;display:grid;grid-template-columns:1fr 3fr;gap:45px;align-items:center;border-top:1px solid #9aadb52c}.mini-gallery h2{font-size:25px;line-height:1.18;font-weight:500;letter-spacing:-.04em;margin:0 0 14px}.mini-gallery .text-link{font-size:12px;width:max-content;padding:6px 0}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mini-tile{padding:0;background:transparent;text-align:left;min-width:0;transition:transform .3s var(--ease)}.mini-tile:hover{transform:translateY(-6px)}.mini-tile img{height:130px;border-radius:15px;object-position:70% 52%}.mini-tile span{display:flex;justify-content:space-between;font-size:11px;margin-top:10px;color:var(--muted)}.mini-tile em{font-style:normal;opacity:.65;font-size:10px}.sketch-sticker{background:#fffdf8;border:1px solid #ebe9df;box-shadow:0 15px 30px #1a22341c;border-radius:10px;width:190px;padding:12px 13px;transform:rotate(-8deg);color:#172b42}.sketch-sticker svg{width:100%;height:110px}.sketch-sticker p{font-size:10px;margin:0;display:flex;justify-content:space-between}.sketch-sticker .tape{position:absolute;top:-10px;left:34%;width:60px;height:22px;background:#ffffff9c;transform:rotate(7deg);box-shadow:0 1px 2px #35455b0a}.fade-in{animation:arrive .7s var(--ease) both}@keyframes arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
/* 01 — A tactile, friendly invention playground. */
body[data-direction=kids]{--surface:#faf6ed;--accent:#6960d9;--muted:#737482}.kids-hero{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;min-height:610px;padding:6px 4.4% 38px;max-width:1800px;margin:auto;gap:15px}.kids-copy{padding:35px 0 40px 4%;position:relative;z-index:2}.kids-copy .eyebrow{background:#e9e5fb;border:1px solid #dbd5f5;display:inline-flex;letter-spacing:.05em;text-transform:none;padding:10px 14px;border-radius:30px;font-size:12px;font-weight:500}.kids-copy h1{font-size:clamp(52px,6.1vw,94px);max-width:600px}.kids-copy h1 span{color:#6b60d4;position:relative;display:inline-block}.kids-copy h1 span:after{content:"";position:absolute;bottom:-7px;left:0;width:97%;height:10px;border-top:3px solid #aaa2f0;border-radius:50%;transform:rotate(-2deg)}.kids-copy .button{background:#6a5ad8;box-shadow:0 6px 0 #4e40b2;border-radius:18px;gap:38px}.kids-copy .button:hover{box-shadow:0 8px 0 #4e40b2;transform:translateY(-2px)}.kids-art{height:570px;position:relative;isolation:isolate}.kids-blob{height:100%;width:100%;border-radius:43% 43% 31% 32%;overflow:hidden;background:#dfd7ff;position:relative;border:8px solid #eee8fd;transform:rotate(2deg)}.kids-blob img{height:100%;width:142%;max-width:none;object-position:78% center;margin-left:-35%;transform:rotate(-2deg) scale(1.03)}.kids-art .sketch-sticker{position:absolute;bottom:15px;left:-22px;z-index:2}.kids-orbit{position:absolute;top:20px;right:15px;width:75px;height:75px;border-radius:50%;background:#e7eedb;display:grid;place-items:center;transform:rotate(12deg);color:#708658}.kids-orbit svg{width:38px;height:38px}.tiny-caption{position:absolute;bottom:6px;right:25px;color:#6c6586;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.kids-hero .lead{margin-top:30px}.kids-gallery{background:#f0ede5;margin:0 4.4%;padding:25px 28px;border-radius:25px;border-top:0;grid-template-columns:.85fr 3fr}.kids-gallery h2{font-size:26px}.kids-gallery .mini-tile img{height:115px;border-radius:15px}.kids-gallery .mini-tile span{color:#5c6571}
/* 02 — An adult creative and industrial design studio. */
body[data-direction=adult]{--surface:#f4f3ed;--ink:#183b37;--muted:#727c72;--accent:#425f50}.adult-hero{margin:0 4.4%;display:grid;grid-template-columns:.85fr 1.15fr;min-height:600px;border-top:1px solid #cbd2c6;border-bottom:1px solid #cbd2c6;max-width:1800px}.adult-copy{padding:50px 7% 45px 0;display:flex;flex-direction:column;align-items:flex-start}.adult-copy h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(55px,5.9vw,90px);letter-spacing:-.065em;line-height:1.05;margin:28px 0}.adult-copy h1 i{font-weight:400;color:#869280}.adult-copy .lead{font-size:15px;max-width:295px}.adult-copy .button{background:#203e35;gap:40px;margin-top:2px;border-radius:3px;font-size:13px}.adult-side-note{margin-top:auto;padding-top:38px;display:flex;gap:12px;align-items:center;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#7b8478}.adult-side-note:before{content:"";width:30px;height:1px;background:#939f8b}.adult-stage{position:relative;overflow:hidden;background:#e1e5df;min-height:600px;margin:22px 0 22px 0}.adult-stage img{height:100%;position:absolute;inset:0;object-position:69% center;transition:transform 1.8s var(--ease)}.adult-stage:hover img{transform:scale(1.025)}.adult-stage .sketch-sticker{position:absolute;left:20px;bottom:30px;width:155px;transform:rotate(-6deg)}.adult-stage .sketch-sticker svg{height:84px}.stage-label{position:absolute;top:21px;left:22px;font-size:9px;letter-spacing:.14em;background:#ffffffa8;padding:8px 10px;color:#314b40;backdrop-filter:blur(10px)}.stage-bottom{position:absolute;bottom:20px;right:20px;font-size:9px;letter-spacing:.1em;text-transform:uppercase;padding:8px 10px;background:#ffffffb8;color:#334b42}.adult-gallery{grid-template-columns:.85fr 3fr;gap:40px;border-top:0}.adult-gallery h2{font-family:Georgia,serif;font-size:28px}.adult-gallery .mini-tile img{border-radius:0;height:125px}.adult-gallery .mini-tile span{color:#6c756c}
/* 03 — An immersive product invention lab. */
body[data-direction=future]{--surface:#08141f;--ink:#f2f4f5;--muted:#9eafb9;--accent:#ff9d62}.home.future{margin-top:-102px;padding-top:0}.future-hero{position:relative;min-height:730px;height:calc(100svh - 168px);max-height:1050px;overflow:hidden;background:#0b1723}.future-backdrop{position:absolute;inset:0;height:100%;object-position:center 58%;animation:reveal-image 1.4s var(--ease) both}.future-shade{position:absolute;inset:0;background:linear-gradient(90deg,#061320f2 0%,#071827cf 22%,#07182754 48%,#07182700 72%),linear-gradient(0deg,#07141ff7 0%,#06132000 25%)}.future-copy{position:relative;z-index:2;padding:175px 0 0 7.2%;width:54%}.future-copy h1{font-size:clamp(62px,6.6vw,100px);font-weight:400;letter-spacing:-.06em;line-height:1.01;margin:24px 0}.future-copy h1 span{color:#e7a67f}.future-copy .lead{color:#b7c2cb;font-size:16px;max-width:330px;line-height:1.5}.future-copy .button{background:#fff4e7;color:#18232e;border:1px solid #ffb784;box-shadow:0 0 25px #f8a05f25;gap:45px;min-width:200px}.future-copy .button:hover{box-shadow:0 0 35px #f8a05f4f}.future-hero .sketch-sticker{position:absolute;left:12%;bottom:42px;width:155px;border:0;transform:rotate(-11deg);opacity:.95}.future-hero .sketch-sticker svg{height:85px}.future-hero .sketch-sticker p{font-size:8px}.future-hero .hero-concept-label{position:absolute;right:5%;bottom:35px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#bdc7ce}.future-mini{border-top:1px solid #e2eff51f;padding-top:25px}.future-mini .mini-tile img{height:120px;border-radius:12px}.future-mini h2{font-weight:400;font-size:26px}.future-mini .text-link{color:#c1cbd3}.future-mini .mini-tile span{color:#9eafb9}.future .site-footer{border-color:#c6d2e21f}@keyframes reveal-image{from{opacity:.5;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}
/* 04 — An editorial gallery of possibilities. */
body[data-direction=gallery]{--surface:#f8f9fa;--ink:#14293f;--muted:#748191;--accent:#235de6}.gallery-hero{padding:15px 4.4% 0;max-width:1800px;margin:auto}.gallery-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;padding-bottom:30px;border-bottom:1px solid #d8dfe5}.gallery-intro h1{font-size:clamp(52px,5.75vw,86px);line-height:1.02;margin:15px 0 0;max-width:900px;letter-spacing:-.065em;font-weight:500}.gallery-intro h1 span{color:#2870d9}.gallery-intro .eyebrow{font-weight:500;color:#748191}.gallery-intro .button{margin-bottom:5px;background:#2160dc;min-width:205px;gap:30px}.gallery-wall{display:grid;grid-template-columns:1fr 1.05fr 1fr;gap:24px;align-items:start;padding:28px 0 10px}.art-piece{background:#fff;border:1px solid #e2e5e7;padding:12px 12px 0;box-shadow:0 10px 20px #1b304207;position:relative;transition:transform .4s var(--ease);text-align:left}.art-piece:hover{transform:translateY(-7px)!important}.art-piece:first-child{transform:rotate(-2deg);margin-top:30px}.art-piece:nth-child(2){transform:rotate(1.5deg)}.art-piece:nth-child(3){transform:rotate(-1deg);margin-top:56px}.art-piece img{height:330px;object-position:73% center}.art-piece:nth-child(2) img{height:390px}.art-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;height:64px;font-size:12px}.art-caption span{font-size:9px;color:#7d8793;letter-spacing:.1em}.gallery-hero .gallery-bottom{font-size:12px;color:#78818d;text-align:center;margin:34px 0}.gallery .site-footer{margin-top:20px}
/* The shared drawing, upload, styles and results flow. */
.workspace{max-width:1370px;margin:0 auto;padding:15px 4.4% 60px;min-height:calc(100svh - 102px)}.workspace-top{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:0 0 25px}.workspace h1{font-size:clamp(32px,3.5vw,48px);letter-spacing:-.055em;font-weight:500;line-height:1.1;margin:12px 0}.workspace .intro{font-size:14px;color:var(--muted);line-height:1.6;margin:0}.steps{display:flex;gap:22px;align-items:center;font-size:11px;color:var(--muted);padding-bottom:5px}.step{display:flex;align-items:center;gap:8px;white-space:nowrap}.step b{font-size:10px;width:23px;height:23px;border:1px solid #8a9ca54f;border-radius:50%;display:grid;place-items:center;font-weight:500}.step.active{color:var(--ink)}.step.active b{background:var(--ink);color:var(--surface);border-color:transparent}.mode-tabs{display:flex;gap:5px;background:#8996a01a;border:1px solid #8996a01c;border-radius:30px;padding:5px;width:max-content;margin-bottom:20px}.mode-tabs button{display:flex;align-items:center;gap:8px;background:none;min-height:44px;padding:12px 24px;border-radius:24px;font-size:13px}.mode-tabs button.active{background:var(--paper);color:#102a43;box-shadow:0 3px 10px #1b2c460c}.mode-tabs .icon{width:18px;height:18px}.drawing-shell{background:#fff;border:1px solid #dce2e7;border-radius:24px;box-shadow:0 20px 70px #1b304209;overflow:hidden;color:#102a43}.drawing-topline{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-size:11px;color:#929ba6;border-bottom:1px solid #f0f1f3}.drawing-topline span{display:flex;align-items:center;gap:8px}.drawing-topline .icon{width:14px;height:14px}.try-doodle{padding:8px 12px;border-radius:15px;background:#f1effb;color:#6757b5;font-size:10px}.canvas-wrap{position:relative;height:clamp(280px,45svh,520px);background:#fff;background-image:radial-gradient(#8c9ba51d .75px,transparent .75px);background-size:20px 20px;overflow:hidden}.canvas-wrap canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair;position:relative;z-index:2}.canvas-prompt{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;pointer-events:none;color:#aeb5be;transition:opacity .2s}.canvas-prompt svg{width:70px;height:70px;stroke-width:1}.canvas-prompt strong{font-size:22px;font-weight:400;letter-spacing:-.03em}.canvas-prompt span{font-size:12px}.canvas-prompt.hidden{opacity:0}.tooltray{display:flex;align-items:center;gap:18px;justify-content:center;flex-wrap:wrap;min-height:82px;padding:14px 22px;border-top:1px solid #eceff2;background:#fff}.toolgroup{display:flex;align-items:center;gap:5px}.tool-separator{height:27px;width:1px;background:#e5e8ee}.icon-button{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:transparent;color:#193149}.icon-button:hover{background:#f1f2f7}.icon-button.selected{background:#e9e6fa;color:#6551c0}.color-button{width:42px;height:42px;border-radius:50%;background:none;display:grid;place-items:center;position:relative;padding:7px}.color-button:before{content:"";width:25px;height:25px;border-radius:50%;background:var(--swatch);display:block}.color-button.selected{outline:2px solid var(--swatch);outline-offset:-4px}.width-select{display:flex;align-items:center;gap:9px;font-size:11px;color:#637083}.width-select input{accent-color:#6354c1;width:80px;min-height:35px}.workspace-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px}.workspace-bottom .button{background:#6152ce;color:#fff;min-width:200px;border-radius:18px}.workspace-tip{font-size:12px;line-height:1.6;color:var(--muted);max-width:400px;display:flex;gap:9px;align-items:center}.workspace-tip .icon{width:16px;height:16px;flex-shrink:0}.prototype-note{font-size:10px;line-height:1.5;color:var(--muted);margin:18px 0 0;text-align:center}.upload-zone{min-height:395px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:2px dashed #bac5d5;border-radius:24px;background:#ffffffc4;position:relative;color:#102a43;padding:30px;gap:15px;overflow:hidden;cursor:pointer;transition:background .2s,border .2s}.upload-zone.dragover{background:#eae6fc;border-color:#6658bd}.upload-zone .upload-icon{width:70px;height:70px;border-radius:22px;background:#eeeaf9;display:grid;place-items:center;color:#7761c9;margin-bottom:7px}.upload-zone .upload-icon .icon{width:32px;height:32px}.upload-zone strong{font-size:23px;font-weight:400;letter-spacing:-.035em}.upload-zone p{font-size:12px;margin:0;color:#7f8a98}.upload-zone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-zone img{height:345px;width:auto;max-width:100%;object-fit:contain}.upload-zone .upload-loaded{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;max-width:100%}.upload-zone .upload-filename{font-size:11px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-error{color:#c54b43;min-height:18px;font-size:12px;margin:12px 0}.styles-top{display:grid;grid-template-columns:1fr 110px;gap:20px;align-items:center}.input-thumb{width:100px;height:77px;padding:5px;border:1px solid #dce1e7;border-radius:10px;background:#fff;object-fit:contain}.style-options{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}.style-card{background:#fff;color:#163047;border:2px solid transparent;border-radius:22px;overflow:hidden;text-align:left;padding:0;box-shadow:0 12px 35px #102d4309;position:relative;transition:transform .3s,border .2s}.style-card:hover{transform:translateY(-5px)}.style-card.selected{border-color:#6560d7;box-shadow:0 0 0 4px #7168da18}.style-card>img{height:320px;object-position:75% center}.style-info{padding:21px 22px;display:flex;justify-content:space-between;align-items:center}.style-info strong{font-size:20px;letter-spacing:-.03em;font-weight:500}.style-info p{font-size:11px;color:#818b99;margin:7px 0 0;line-height:1.6}.radio-circle{width:24px;height:24px;border:1px solid #ccd5de;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.selected .radio-circle{background:#6560d7;border:0;color:#fff}.radio-circle .icon{width:14px;height:14px}.example-label{position:absolute;left:14px;top:14px;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#2e3d46;background:#ffffffdf;padding:7px 10px;border-radius:18px}.result-layout{display:grid;grid-template-columns:1.7fr .7fr;gap:35px;margin-top:28px;align-items:start}.result-image-wrap{border-radius:24px;overflow:hidden;position:relative;background:#102638}.result-image{height:490px;object-position:75% center}.result-caption{position:absolute;bottom:17px;left:20px;color:#fff;font-size:10px;letter-spacing:.1em;text-shadow:0 2px 8px #000}.result-info{padding:15px 0}.result-info .eyebrow{color:var(--muted)}.result-info h2{font-size:34px;font-weight:500;letter-spacing:-.04em;margin:16px 0 10px}.result-info>p{font-size:13px;color:var(--muted);line-height:1.7}.result-info .input-thumb{width:130px;height:100px;margin:15px 0 24px}.result-info .button{margin:0 0 12px;display:flex;min-width:200px;font-size:13px}.result-info .result-drawing-caption{font-size:10px;color:var(--muted)}.result-info .mode-tabs{margin-top:20px;flex-wrap:wrap;width:100%}.result-info .mode-tabs button{padding:8px 10px;font-size:10px;min-height:36px}.generation-progress{padding:25px;max-width:460px;margin:auto;text-align:center}.generation-progress .loader{width:45px;height:45px;margin:10px auto 24px;border:2px solid #d4cffa;border-top-color:#5b55c9;border-radius:50%;animation:spin .7s linear infinite}.generation-progress h2{font-size:26px;color:#172f45;letter-spacing:-.04em}.generation-progress p{font-size:13px;color:#7f8792;line-height:1.6}@keyframes spin{to{transform:rotate(360deg)}}.example-page{padding-bottom:70px}.gallery-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.example-card{background:#fff;border:1px solid #dde3e9;border-radius:20px;overflow:hidden;text-align:left;padding:0;color:#102a43;transition:transform .3s}.example-card:hover{transform:translateY(-5px)}.example-card img{height:245px;object-position:73% center}.example-card>div{padding:20px;display:flex;justify-content:space-between;align-items:center}.example-card strong{font-size:16px;font-weight:500}.example-card span{font-size:9px;letter-spacing:.08em;color:#7d8896;text-transform:uppercase}.filter-tabs{display:flex;gap:8px;margin:28px 0;flex-wrap:wrap}.filter-tabs button{border:1px solid #aab9c23b;border-radius:25px;min-height:42px;padding:10px 20px;background:transparent;font-size:12px}.filter-tabs button.active{background:var(--ink);color:var(--surface)}.gallery-intro-note{font-size:12px;color:var(--muted);line-height:1.7;max-width:560px}.back-link{display:flex;align-items:center;gap:8px;font-size:12px;padding:0;background:none}.back-link .icon{width:15px;height:15px}.empty-state{grid-column:1/-1;padding:40px;text-align:center}#toast{position:fixed;bottom:105px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:150;background:#102d45;color:#fff;box-shadow:0 5px 25px #18334c22;padding:14px 22px;border-radius:16px;font-size:12px;transition:opacity .2s,transform .2s;max-width:calc(100% - 30px);text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}dialog{width:min(930px,calc(100% - 30px));border:0;border-radius:26px;background:white;padding:0;color:#142d44;box-shadow:0 30px 100px #0005;max-height:90svh;overflow:auto}dialog::backdrop{background:#091522b8;backdrop-filter:blur(12px)}.close-modal{position:absolute;right:15px;top:15px;background:#fffffff0;z-index:2;font-size:17px}.lightbox-img{height:480px;object-position:70% center}.lightbox-text{padding:25px 30px;display:flex;justify-content:space-between;align-items:center;gap:20px}.lightbox-text h2{margin:0 0 8px;font-size:25px;letter-spacing:-.04em;font-weight:500}.lightbox-text p{font-size:12px;color:#7b8997;line-height:1.6;margin:0}.review-label{display:inline-flex;gap:8px;color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:15px}
@media(min-width:1600px){.kids-hero{min-height:720px}.kids-art{height:650px}.future-hero{min-height:850px}.future-copy{padding-top:220px}.adult-stage{min-height:690px}.adult-copy{padding-top:70px}.gallery-wall .art-piece img{height:420px}.gallery-wall .art-piece:nth-child(2) img{height:480px}}
@media(max-width:1100px){.brand-word{font-size:24px}.brand-lab{font-size:10px}.brand{gap:8px}.brand-divider{margin:0 4px}.site-header{height:90px}.kids-hero{min-height:580px;grid-template-columns:.95fr 1.05fr;padding-bottom:25px}.kids-art{height:480px}.kids-copy{padding-left:0}.kids-copy h1{font-size:64px}.kids-art .sketch-sticker{width:150px;left:-12px}.kids-art .sketch-sticker svg{height:85px}.kids-orbit{height:55px;width:55px;top:0;right:0}.home .lead{font-size:15px}.mini-gallery{gap:25px;grid-template-columns:.9fr 3fr}.mini-gallery h2{font-size:22px}.mini-grid{gap:12px}.mini-tile img{height:110px}.kids-gallery{padding:22px}.adult-copy h1{font-size:64px}.adult-stage{min-height:560px}.home.future{margin-top:-90px}.future-hero{min-height:690px;height:calc(100svh - 180px)}.future-copy{padding:160px 0 0 5.5%}.future-copy h1{font-size:72px}.future-copy .lead{font-size:14px;max-width:285px}.future-hero .sketch-sticker{left:9%;bottom:48px;width:140px}.gallery-intro h1{font-size:66px}.gallery-wall{gap:15px}.art-piece img{height:285px}.art-piece:nth-child(2) img{height:335px}.art-caption{font-size:11px;height:54px}.art-caption span{font-size:8px}.gallery-intro .button{min-width:160px;padding:18px 20px;gap:20px}.style-card>img{height:270px}.steps{gap:12px}.workspace{padding-top:10px}.canvas-wrap{height:44svh}.result-image{height:430px}}
@media(max-width:760px){.site-header{height:80px;padding:0 5%}.brand-mark{width:28px;height:32px}.brand-word{font-size:21px;letter-spacing:-1.2px}.brand-divider{height:22px;margin:0 3px}.brand-lab{font-size:8px;letter-spacing:.12em}.header-actions{gap:12px;font-size:12px}.header-actions .text-link{gap:7px}.header-actions .icon{width:17px}.header-back{font-size:10px;padding:8px;gap:4px}.header-back .icon{width:15px}.home{padding-bottom:105px}.kids-hero{display:flex;flex-direction:column;padding:15px 5% 20px;gap:0;min-height:auto}.kids-copy{padding:10px 0 28px;width:100%;max-width:550px}.kids-copy h1{font-size:65px;letter-spacing:-.065em;max-width:500px;margin:18px 0 25px}.kids-copy .eyebrow{font-size:10px;padding:8px 12px}.kids-hero .lead{font-size:14px;max-width:330px;margin:20px 0 20px}.kids-copy .button{min-height:51px;padding:15px 24px;font-size:14px;border-radius:15px;gap:45px}.kids-art{height:380px;width:100%;max-width:550px;margin:4px 0 10px}.kids-blob{border-width:6px;border-radius:40% 40% 23% 25%}.kids-art .sketch-sticker{left:2px;bottom:-5px;width:143px}.kids-art .sketch-sticker svg{height:76px}.kids-orbit{right:12px}.kids-gallery{margin:12px 5% 0;padding:22px;border-radius:22px}.mini-gallery{display:block;padding:25px 5%;margin-top:15px}.mini-gallery>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.mini-gallery h2{font-size:22px;margin:0}.mini-gallery .text-link{font-size:10px;white-space:nowrap}.mini-grid{gap:10px}.mini-tile img{height:105px;border-radius:10px}.mini-tile span{font-size:10px;display:block;margin-top:8px}.mini-tile em{display:none}.kids-gallery{padding:20px}.kids-gallery .mini-tile img{height:90px}.site-footer{font-size:9px;margin:24px 5% 0;padding-top:18px;gap:15px}.site-footer span:last-child{text-align:right}.direction-dock{bottom:12px;padding:5px;gap:2px;border-radius:24px;width:max-content}.dock-label{display:none}.direction-dock a{font-size:11px;padding:11px 13px;gap:5px;min-height:43px;border-radius:18px}.direction-dock a span{font-size:9px}.adult-hero{display:flex;flex-direction:column;margin:0 5%;min-height:0}.adult-copy{padding:30px 0 28px}.adult-copy h1{font-size:65px;margin:23px 0}.adult-copy .lead{max-width:320px;font-size:14px}.adult-copy .button{min-height:51px;font-size:12px;gap:35px;padding:15px 24px}.adult-side-note{font-size:9px;padding-top:25px}.adult-stage{min-height:400px;margin:0 0 15px}.adult-stage .sketch-sticker{width:125px;bottom:15px;left:12px}.adult-stage .sketch-sticker svg{height:65px}.adult-stage .sketch-sticker p{font-size:8px}.stage-label{font-size:8px;padding:7px;left:13px;top:13px}.stage-bottom{font-size:7px;right:10px;bottom:12px}.adult-gallery .mini-tile img{height:105px}.home.future{margin-top:-80px}.future-hero{height:auto;min-height:790px}.future-copy{width:100%;padding:125px 6% 0}.future-copy h1{font-size:66px;line-height:1.01;margin:20px 0}.future-copy .eyebrow{font-size:9px}.future-copy .lead{font-size:14px;max-width:280px;margin:0 0 24px}.future-copy .button{min-height:51px;font-size:13px;min-width:183px;padding:15px 23px}.future-backdrop{object-position:64% bottom;object-fit:cover;top:240px;height:570px}.future-shade{background:linear-gradient(180deg,#081825 30%,#081825b5 47%,#08182500 73%,#081825f5 100%)}.future-hero .sketch-sticker{left:7%;bottom:38px;width:125px}.future-hero .sketch-sticker svg{height:65px}.future-hero .hero-concept-label{font-size:8px;bottom:29px}.future-mini{margin-top:0;padding-top:25px}.future-mini .mini-tile img{height:100px}.gallery-hero{padding:15px 5% 0}.gallery-intro{display:block;padding-bottom:25px}.gallery-intro h1{font-size:58px;margin:17px 0 25px}.gallery-intro .eyebrow{font-size:9px}.gallery-intro .button{min-height:51px;font-size:13px;min-width:185px}.gallery-wall{grid-template-columns:1fr 1fr;gap:15px;padding-top:25px}.art-piece{padding:8px 8px 0}.art-piece img{height:215px}.art-piece:nth-child(2) img{height:240px}.art-piece:first-child{margin-top:10px}.art-piece:nth-child(3){margin-top:3px;grid-column:1/-1;max-width:75%;margin-left:auto;margin-right:auto;transform:rotate(-2deg)}.art-piece:nth-child(3) img{height:235px}.art-caption{font-size:10px;height:48px;gap:3px}.art-caption span{font-size:7px}.gallery-hero .gallery-bottom{font-size:11px;margin:25px 0}.workspace{padding:10px 5% 45px;min-height:calc(100svh - 80px)}.workspace-top{display:block;margin-bottom:22px}.workspace h1{font-size:37px;margin:17px 0 13px}.workspace .intro{font-size:12px}.steps{font-size:10px;margin:22px 0 0;justify-content:space-between;gap:8px}.step{gap:6px}.step b{height:21px;width:21px}.mode-tabs{margin-bottom:15px}.mode-tabs button{font-size:12px;padding:11px 21px;min-height:44px}.drawing-shell{border-radius:18px}.drawing-topline{padding:0 12px;height:43px;font-size:9px}.try-doodle{font-size:9px;padding:7px 9px}.canvas-wrap{height:40svh;min-height:260px;max-height:480px}.canvas-prompt strong{font-size:20px}.canvas-prompt span{font-size:10px}.canvas-prompt svg{height:55px;width:55px}.tooltray{gap:6px;padding:9px 8px;min-height:120px;justify-content:center;flex-wrap:wrap}.tool-separator{display:none}.toolgroup{gap:1px}.icon-button{width:42px;height:42px}.color-button{height:36px;width:36px;padding:5px}.color-button:before{height:22px;width:22px}.color-button.selected{outline-offset:-3px}.width-select{gap:8px;font-size:10px}.width-select input{width:90px}.toolgroup:last-of-type{margin-left:3px}.workspace-bottom{margin-top:18px;gap:12px;align-items:flex-start;flex-direction:column-reverse}.workspace-bottom .button{width:100%;min-height:54px}.workspace-tip{font-size:10px;max-width:none;margin:0}.prototype-note{font-size:9px;margin-top:16px}.upload-zone{min-height:350px;border-radius:20px;padding:20px}.upload-zone strong{font-size:21px}.upload-zone p{font-size:11px}.upload-zone img{height:290px}.styles-top{grid-template-columns:1fr 75px;gap:10px}.styles-top .workspace-top{margin:0}.input-thumb{width:70px;height:62px}.style-options{grid-template-columns:1fr;gap:15px;margin-top:22px}.style-card{display:grid;grid-template-columns:140px 1fr;border-radius:16px;min-height:145px}.style-card>img{height:100%;min-height:145px;width:140px;object-position:70% center}.style-info{padding:17px 17px;gap:10px}.style-info strong{font-size:20px}.style-info p{font-size:10px;line-height:1.5;margin-top:7px}.example-label{left:8px;top:8px;font-size:7px;padding:5px 8px}.style-options+.workspace-bottom{margin-top:25px}.result-layout{display:block;margin-top:22px}.result-image{height:350px}.result-image-wrap{border-radius:18px}.result-info{padding:25px 0}.result-info h2{font-size:30px}.result-info .button{display:inline-flex;width:100%}.result-info .input-thumb{width:95px;height:75px}.result-info .mode-tabs{width:max-content}.result-info .mode-tabs button{font-size:11px;padding:9px 14px;min-height:38px}.gallery-page-grid{grid-template-columns:1fr 1fr;gap:15px}.example-card{border-radius:15px}.example-card img{height:165px}.example-card>div{padding:14px;display:block}.example-card strong{font-size:13px;display:block}.example-card span{display:block;margin-top:8px;font-size:8px}.filter-tabs{gap:6px;margin-top:22px}.filter-tabs button{padding:9px 14px;font-size:10px;min-height:40px}.gallery-intro-note{font-size:11px}.lightbox-img{height:310px}.lightbox-text{padding:22px;display:block}.lightbox-text h2{font-size:23px}.lightbox-text .button{margin-top:20px;width:100%}.close-modal{top:10px;right:10px}.review-label{font-size:9px}#toast{font-size:11px;bottom:88px}}
@media(max-width:380px){.brand-word{font-size:18px}.brand-lab{font-size:7px}.brand-mark{width:25px}.brand-divider{margin:0}.brand{gap:6px}.header-actions{font-size:10px}.direction-dock a{font-size:10px;padding:10px}.kids-copy h1{font-size:57px}.gallery-intro h1{font-size:50px}.future-copy h1{font-size:59px}.color-button{width:32px;height:35px}.tooltray{gap:4px}.style-card{grid-template-columns:120px 1fr}.style-card>img{width:120px}.style-info{padding:13px}.style-info strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Keep the main action visible on compact drawing screens. */
body[data-page=create] .site-header{height:80px}
body[data-page=create] .workspace{padding-top:5px}
body[data-page=create] .canvas-wrap{height:clamp(260px,39svh,470px)}
.future-hero .sketch-sticker{left:35%;bottom:27px;width:135px}
@media(max-width:760px){body[data-page=create] .site-header{height:75px}body[data-page=create] .canvas-wrap{height:36svh;min-height:255px}.future-hero .sketch-sticker{left:7%;bottom:38px;width:125px}}
.kids-blob img{width:100%;margin-left:0;object-position:65% center}
.workspace.fade-in{animation:none}
.brand-lab{white-space:nowrap}
@media(max-width:760px){body:not([data-page=home]) .brand-lab,body:not([data-page=home]) .brand-divider{display:none}body[data-page=create] .workspace{padding-bottom:125px}body[data-page=create] .workspace-bottom{position:fixed;bottom:0;left:0;right:0;z-index:20;padding:12px 5% 17px;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(18px);margin:0;display:block;border-top:1px solid #a6adb51a}body[data-page=create] .workspace-tip{display:none}body[data-page=create] .prototype-note{margin-top:18px}.canvas-prompt strong{font-size:17px;max-width:90%;text-align:center;line-height:1.4}}
/* Homepage review is separate from the product's Inspiration experience. */
body[data-direction=review]{--surface:#f3f4f7;--ink:#163047;--muted:#75818c}.review-header{height:94px;border-bottom:1px solid #e1e5ec}.review-header>.text-link{font-size:12px}.design-review{max-width:1440px;margin:auto;padding:55px 4.4% 65px}.review-intro{margin-bottom:37px}.review-intro h1{font-size:clamp(35px,4vw,57px);font-weight:500;line-height:1.08;letter-spacing:-.055em;margin:17px 0}.review-intro p{font-size:14px;line-height:1.7;color:#788592;max-width:590px;margin:0}.design-options{display:grid;grid-template-columns:1fr 1fr;gap:32px 28px}.design-option{min-width:0;display:block;background:white;border:1px solid #dce3e9;border-radius:19px;overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s}.design-option:hover{transform:translateY(-5px);box-shadow:0 18px 45px #263e5112}.design-window{aspect-ratio:1.57;position:relative;overflow:hidden;background:#e9edf1;border-bottom:1px solid #e1e7ed;--preview-scale:.4}.design-window iframe{display:block;width:1440px;height:960px;max-width:none;border:0;transform:scale(var(--preview-scale));transform-origin:top left;pointer-events:none;position:absolute;top:0;left:0}.open-preview{position:absolute;bottom:20px;right:20px;display:flex;align-items:center;gap:17px;color:#fff;background:#102e47ed;border:1px solid #ffffff5c;border-radius:35px;padding:13px 20px;font-size:11px;box-shadow:0 8px 35px #08263d30;backdrop-filter:blur(12px)}.open-preview .icon{width:17px;height:17px}.design-option-caption{padding:22px 25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.design-option-caption>div>span{font-size:9px;letter-spacing:.16em;color:#8b97a3}.design-option-caption h2{font-size:27px;font-weight:500;letter-spacing:-.045em;margin:8px 0}.design-option-caption p{font-size:12px;color:#8a95a2;line-height:1.6;margin:0;max-width:340px}.design-option-arrow{height:42px;width:42px;display:grid;place-items:center;border:1px solid #dee5eb;border-radius:50%;flex-shrink:0}.shared-flow-note{padding-top:40px;text-align:center;color:#8a95a1}.shared-flow-note>span{font-size:9px;letter-spacing:.16em}.shared-flow-note p{font-size:13px;display:flex;justify-content:center;align-items:center;gap:20px}.shared-flow-note b{font-size:15px;color:#b3bdc5;font-weight:400}.all-designs-link{padding:10px 13px!important;gap:6px!important}.all-designs-link .icon{width:16px;height:16px}.all-designs-link .dock-overview-text{font-size:10px!important;opacity:1!important}.direction-dock .dock-label{padding:0 7px;font-size:8px;max-width:80px;white-space:normal}.is-embedded .home{padding-bottom:12px}.is-embedded .direction-dock{display:none}.is-embedded .fade-in{animation:none}.is-embedded .future-backdrop{animation:none}
/* The fourth alternative is a minimal homepage, with the same Inspiration link. */
.minimal-home{background:#fafcfc}.minimal-hero{max-width:1440px;margin:auto;padding:18px 5% 32px;text-align:center}.minimal-title{position:relative;z-index:2}.minimal-title .eyebrow{justify-content:center;color:#8797a2;font-size:9px;font-weight:400}.minimal-title h1{font-size:clamp(48px,5.8vw,84px);font-weight:400;line-height:1.02;letter-spacing:-.065em;margin:20px 0}.minimal-title h1>span{color:#80a7ae}.minimal-title p{font-size:14px;color:#80909b;margin:17px 0 23px}.minimal-title .button{min-height:49px;padding:15px 27px;font-size:12px;gap:35px;background:#173c48}.minimal-object{position:relative;height:355px;max-width:1050px;margin:27px auto 0;overflow:hidden;border-radius:200px 200px 70px 70px;border:1px solid #dce7e7;background:#eaf0ee}.minimal-object>img{height:100%;object-position:65% 59%}.minimal-object .sketch-sticker{position:absolute;width:155px;bottom:25px;left:50px;transform:rotate(-7deg)}.minimal-object .sketch-sticker svg{height:82px}.minimal-object .sketch-sticker p{font-size:8px}.minimal-object-note{position:absolute;right:28px;bottom:21px;background:#ffffffb9;padding:8px 12px;font-size:8px;color:#395463;text-transform:uppercase;letter-spacing:.1em;backdrop-filter:blur(8px)}.minimal-gallery{margin-top:15px;background:#f3f7f6;border-top:1px solid #e2e9e8}
/* Every example shows its paired drawing and resulting concept. */
.inspiration-card{display:block;min-width:0;width:100%;padding:0;border:1px solid #e0e5eb;background:#fff;color:#15324a;text-align:left;overflow:hidden;border-radius:20px;transition:transform .3s var(--ease),box-shadow .3s}.inspiration-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #19364a14}.pair-visual{position:relative;display:block;aspect-ratio:1.34;overflow:hidden;background:#e4ecea}.pair-after{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:73% center;transition:transform .55s var(--ease)}.inspiration-card:hover .pair-after{transform:scale(1.025)}.before-pin{display:block;position:absolute;top:18px;left:18px;width:35%;padding:7px 7px 5px;background:#fffefa;border:1px solid #ece8de;border-radius:4px;transform:rotate(-6deg);box-shadow:0 5px 14px #111e3738;z-index:2}.before-pin:before{content:"";position:absolute;top:-5px;left:42%;height:12px;width:26px;background:#e3d9c4a1;transform:rotate(5deg);border-radius:1px}.before-pin img{width:100%;aspect-ratio:1.6;object-fit:contain;background:white;border:1px solid #eeece5}.before-pin>span{display:block;text-align:center;font-size:10px;line-height:1.3;margin-top:6px;font-weight:600;color:#30465b}.after-tag{position:absolute;right:14px;top:14px;z-index:2;padding:7px 11px;border-radius:30px;background:#0b233cb8;color:#fff;font-size:9px;letter-spacing:.04em;backdrop-filter:blur(5px)}.pair-open{position:absolute;bottom:16px;right:16px;display:grid;place-items:center;background:#ffffffdf;color:#24465d;width:35px;height:35px;border-radius:50%;backdrop-filter:blur(12px)}.pair-open .icon{width:17px;height:17px}.pair-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px}.pair-caption strong{font-weight:500;font-size:17px;letter-spacing:-.025em}.pair-caption>span{font-size:9px;color:#8b98a3;letter-spacing:.04em}.mini-inspiration{border:0;background:transparent;border-radius:13px;overflow:visible;box-shadow:none!important}.mini-inspiration .pair-visual{aspect-ratio:auto;height:153px;border-radius:12px}.mini-inspiration .before-pin{top:10px;left:10px;padding:4px 4px 3px;width:36%}.mini-inspiration .before-pin>span{font-size:7px;margin-top:3px}.mini-inspiration .before-pin:before{height:8px;width:16px;top:-4px}.mini-inspiration .after-tag{font-size:7px;padding:5px 8px;right:8px;top:8px}.mini-inspiration .pair-open{width:25px;height:25px;bottom:8px;right:8px}.mini-inspiration .pair-open .icon{width:13px;height:13px}.mini-inspiration .pair-caption{padding:10px 1px 0;gap:7px}.mini-inspiration .pair-caption strong{font-size:11px;color:var(--ink);letter-spacing:0}.mini-inspiration .pair-caption>span{font-size:8px;color:var(--muted)}.inspiration-page{padding-top:25px;max-width:1450px}.inspiration-intro{text-align:center;margin:10px 0 26px}.inspiration-intro .eyebrow{justify-content:center;color:var(--muted);font-size:9px}.inspiration-intro h1{font-size:clamp(45px,5vw,65px);font-weight:500;letter-spacing:-.065em;margin:20px 0 15px}.inspiration-intro>p{font-size:14px;color:var(--muted);line-height:1.7}.inspiration-page .filter-tabs{justify-content:center;margin:0 0 30px}.inspiration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.inspiration-outro{text-align:center;padding:48px 0 5px}.inspiration-outro h2{font-size:30px;font-weight:400;letter-spacing:-.04em;margin:10px 0 20px}.inspiration-outro .button{font-size:13px;min-height:52px}
/* Accessible touch and keyboard before/after comparison. */
#lightbox{width:min(1000px,calc(100% - 30px));border-radius:24px;max-height:94svh}.comparison-modal{padding:24px 30px 25px}.comparison-heading{display:flex;align-items:center;justify-content:space-between;padding-right:50px;gap:20px;min-height:30px;margin-bottom:17px}.comparison-heading>span:first-child{font-size:9px;letter-spacing:.13em;color:#8592a1}.comparison-style{font-size:10px;color:#7891a4}.compare-stage{position:relative;aspect-ratio:1.6;max-height:54svh;overflow:hidden;background:#eef1f1;border:1px solid #e4e8e9;border-radius:17px;isolation:isolate}.compare-after,.compare-before,.compare-before>img{position:absolute;inset:0;width:100%;height:100%}.compare-after{object-fit:cover;object-position:70% center}.compare-before{z-index:2;clip-path:inset(0 calc(100% - var(--split)) 0 0);background:white}.compare-before>img{object-fit:contain}.compare-label{position:absolute;top:15px;z-index:4;padding:7px 11px;border-radius:25px;font-size:10px;background:#ffffffdf;color:#31485b;box-shadow:0 3px 10px #1e304516;pointer-events:none}.before-label{left:15px}.after-label{right:15px;background:#0f2a40c9;color:#fff}.compare-divider{position:absolute;left:var(--split);top:0;bottom:0;width:2px;transform:translateX(-50%);background:#fff;z-index:4;box-shadow:0 0 8px #0f263d50;pointer-events:none}.compare-divider>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;height:43px;width:43px;background:#17334b;color:#fff;border:2px solid white;font-size:21px;letter-spacing:4px;padding-left:3px;box-shadow:0 5px 18px #11273e20}.comparison-range{position:absolute;inset:0;z-index:5;opacity:0;width:100%;height:100%;margin:0;cursor:col-resize;touch-action:pan-y}.compare-stage:focus-within{outline:3px solid #5371e9;outline-offset:4px}.compare-stage[data-view=before] .compare-before{clip-path:none}.compare-stage[data-view=before] .compare-after,.compare-stage[data-view=before] .after-label{visibility:hidden}.compare-stage[data-view=after] .compare-before,.compare-stage[data-view=after] .before-label{visibility:hidden}.compare-stage:not([data-view=compare]) .compare-divider,.compare-stage:not([data-view=compare]) .comparison-range{display:none}.comparison-controls{display:flex;align-items:center;gap:20px;margin:18px 0}.comparison-nav{width:44px;height:44px;border:1px solid #dfe5eb;border-radius:50%;display:grid;place-items:center;background:#fff;color:#486278}.comparison-nav:hover{background:#f1f4f8}.comparison-nav .icon{width:19px;height:19px}.comparison-modes{flex:1;display:flex;gap:4px;background:#edf1f5;border:1px solid #e2e7ed;border-radius:30px;padding:4px}.comparison-modes button{flex:1;min-height:40px;border-radius:25px;background:transparent;font-size:12px;color:#687e91}.comparison-modes button.active{background:#17354e;color:#fff;box-shadow:0 3px 9px #1c3c4e17}.comparison-caption{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #e7ebef;padding-top:22px}.comparison-caption h2{font-size:27px;letter-spacing:-.04em;font-weight:500;margin:0 0 9px}.comparison-caption p{font-size:12px;color:#8794a0;margin:0;line-height:1.5}.comparison-caption .button{min-height:46px;font-size:12px;background:#173b50;gap:23px}
@media(max-width:1100px){.inspiration-grid{gap:18px}.pair-caption{padding:17px}.pair-caption strong{font-size:15px}.before-pin{top:13px;left:13px;width:38%}.mini-inspiration .pair-visual{height:133px}.minimal-object{height:335px}.design-option-caption{padding:20px}.design-option-caption h2{font-size:25px}.design-option-caption p{font-size:11px}.design-options{gap:24px}.inspiration-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.review-header{height:80px}.review-header>.text-link{font-size:10px;max-width:110px;line-height:1.4;gap:7px}.review-header .brand-lab,.review-header .brand-divider{display:none}.design-review{padding:30px 5% 40px}.review-intro{margin-bottom:27px}.review-intro h1{font-size:35px;line-height:1.1}.review-intro p{font-size:12px;line-height:1.7}.design-options{grid-template-columns:1fr;gap:25px}.design-option{border-radius:16px}.design-option-caption{padding:20px}.design-option-caption h2{font-size:25px}.design-option-caption p{font-size:11px}.design-option-caption>div>span{font-size:8px}.open-preview{right:13px;bottom:13px;padding:10px 15px;font-size:10px;gap:15px}.open-preview .icon{height:15px;width:15px}.shared-flow-note{padding-top:28px}.shared-flow-note>span{font-size:8px}.shared-flow-note p{font-size:10px;gap:7px;flex-wrap:wrap}.direction-dock a{font-size:10px;padding:11px 10px;gap:4px}.direction-dock a>span{font-size:8px}.direction-dock .dock-label{display:none}.direction-dock .all-designs-link{padding:9px 11px!important}.dock-overview-text{display:none!important}.mini-inspiration .pair-visual{height:100px;border-radius:9px}.mini-inspiration .before-pin{left:6px;top:8px;width:46%;padding:3px 3px 2px}.mini-inspiration .before-pin>span{font-size:6px;margin-top:2px}.mini-inspiration .after-tag{font-size:6px;padding:4px 6px;top:auto;bottom:6px;right:6px}.mini-inspiration .pair-open{display:none}.mini-inspiration .pair-caption{padding-top:8px;display:block}.mini-inspiration .pair-caption strong{font-size:9px;line-height:1.3;display:block}.mini-inspiration .pair-caption>span{display:none}.mini-gallery h2{font-size:20px}.mini-gallery .text-link{font-size:9px;gap:7px}.minimal-hero{padding-top:13px}.minimal-title h1{font-size:49px;margin:21px 0 17px}.minimal-title .eyebrow{font-size:8px}.minimal-title p{font-size:12px;max-width:260px;margin:15px auto 21px;line-height:1.6}.minimal-title .button{min-height:49px;font-size:12px}.minimal-object{height:310px;border-radius:150px 150px 28px 28px;margin-top:27px}.minimal-object>img{object-position:68% center}.minimal-object .sketch-sticker{width:108px;left:13px;bottom:20px;padding:8px}.minimal-object .sketch-sticker svg{height:60px}.minimal-object .sketch-sticker p{font-size:7px}.minimal-object-note{font-size:6px;right:10px;bottom:10px;padding:6px 8px}.minimal-gallery{margin-top:0}.inspiration-page{padding-top:20px}.inspiration-intro{margin-top:5px}.inspiration-intro .eyebrow{font-size:8px;letter-spacing:.1em}.inspiration-intro h1{font-size:48px;margin:18px 0 13px}.inspiration-intro>p{font-size:12px}.inspiration-page .filter-tabs{margin-bottom:24px}.inspiration-grid{grid-template-columns:1fr;gap:21px}.inspiration-card{border-radius:18px}.pair-visual{aspect-ratio:1.3}.before-pin{left:15px;top:15px;width:36%}.before-pin>span{font-size:9px}.pair-caption{padding:18px}.pair-caption strong{font-size:17px}.pair-caption>span{font-size:9px}.inspiration-outro{padding-top:30px}.inspiration-outro h2{font-size:27px}.inspiration-outro .button{font-size:12px;min-height:50px}#lightbox{width:calc(100% - 20px);max-height:94svh;border-radius:19px}.comparison-modal{padding:20px 15px}.comparison-heading{padding-right:37px;margin-bottom:15px;gap:12px}.comparison-heading>span:first-child{font-size:8px}.comparison-style{font-size:9px}.compare-stage{border-radius:12px;max-height:45svh;aspect-ratio:1.3}.compare-label{font-size:8px;top:10px;padding:6px 9px}.before-label{left:10px}.after-label{right:10px}.compare-divider>span{width:36px;height:36px;font-size:18px}.comparison-controls{gap:10px;margin:15px 0}.comparison-nav{width:38px;height:38px;flex-shrink:0}.comparison-modes{padding:3px;gap:2px}.comparison-modes button{font-size:10px;min-height:36px}.comparison-caption{display:block;padding-top:18px}.comparison-caption h2{font-size:25px}.comparison-caption p{font-size:11px}.comparison-caption .button{width:100%;margin-top:20px}.comparison-heading~.close-modal{width:35px;height:35px}}
@media(prefers-reduced-motion:reduce){.design-option,.pair-after,.inspiration-card{transition:none}}
.sketch-sticker>img{width:100%;height:110px;object-fit:contain}.adult-stage .sketch-sticker>img{height:84px}.future-hero .sketch-sticker>img{height:85px}.minimal-object .sketch-sticker>img{height:82px}@media(max-width:1100px){.kids-art .sketch-sticker>img{height:85px}}@media(max-width:760px){.kids-art .sketch-sticker>img{height:76px}.adult-stage .sketch-sticker>img{height:65px}.future-hero .sketch-sticker>img{height:65px}.minimal-object .sketch-sticker>img{height:60px}}
.compare-stage{width:100%}
/* A visible return path belongs to every page in the design review. */
.review-navigation{height:46px;position:sticky;top:0;z-index:80;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 4.4%;background:#eef1f6f5;color:#3b4d60;border-bottom:1px solid #c9d3df80;backdrop-filter:blur(18px)}.return-designs{display:flex;align-items:center;gap:10px;min-height:44px;font-size:12px;font-weight:600}.return-designs .icon{width:18px;height:18px}.return-designs:hover{text-decoration:underline;text-underline-offset:4px}.current-review-design{font-size:10px;letter-spacing:.07em;color:#8290a0;margin-left:auto}.review-page-arrows{display:flex;align-items:center;gap:7px}.review-page-arrows a{width:39px;height:39px;display:grid;place-items:center;border-radius:50%;border:1px solid #bdc9d575;background:#ffffff6b}.review-page-arrows a:hover{background:#fff}.review-page-arrows .icon{width:17px;height:17px}body[data-direction=future] .review-navigation{background:#15162bf5;color:#eceeff;border-color:#52516c65}body[data-direction=future] .review-page-arrows a{background:#22233a;border-color:#77749170}body[data-direction=future] .current-review-design{color:#b1b0ce}.comparison-back{display:flex;align-items:center;gap:8px;min-height:36px;font-size:11px;background:transparent;color:#44647d;padding:0}.comparison-back .icon{width:16px;height:16px}.comparison-back:hover{text-decoration:underline;text-underline-offset:4px}.comparison-heading .comparison-style{font-size:9px;white-space:nowrap}.homepage-screenshot{width:100%;height:100%;object-fit:cover;object-position:top}.design-window{aspect-ratio:1.6}.human-home{padding-bottom:35px}.human-home .mini-gallery{margin-top:0}.human-home .site-footer{margin-top:20px}.human-home h1{line-height:1.03}.human-home .button{transition:transform .25s,box-shadow .25s}body[data-page=home] .site-header{height:88px}
/* 01. Playroom — bold illustrated storytelling. */
body[data-direction=kids]{--surface:#fff5ea;--ink:#243b6c;--muted:#8f7c77;--accent:#ef7959}.playful-home{background:#fff5ea}.playful-hero{display:grid;grid-template-columns:.93fr 1.07fr;align-items:center;gap:0;min-height:595px;padding:20px 3.6% 26px 6%;max-width:1800px;margin:auto;position:relative}.playful-copy{position:relative;z-index:2;padding:15px 0 25px}.playful-kicker{font-size:12px;color:#a37059;display:block;letter-spacing:.02em;margin-bottom:24px}.playful-copy h1{font-family:'Trebuchet MS',Arial,sans-serif;font-size:clamp(45px,4.7vw,70px);font-weight:800;line-height:1.02!important;letter-spacing:-.065em;margin:0 0 25px}.playful-copy h1>span{color:#dd7658}.playful-copy p{font-size:15px;line-height:1.7;color:#8c7871;margin:0 0 27px}.playful-copy .button{border-radius:14px;background:#294c82;color:#fff;font-size:14px;min-height:54px;padding:17px 27px;gap:40px;box-shadow:0 5px 0 #193965}.playful-copy .button:hover{transform:translateY(-2px);box-shadow:0 7px 0 #193965}.playful-handwritten{font-family:Georgia,serif;font-style:italic;color:#b48770;font-size:12px;display:block;margin:23px 0 0 10px;transform:rotate(-4deg);width:max-content}.playful-scene{height:550px;position:relative;min-width:0;margin-left:-18px}.playful-scene>img{height:100%;width:100%;object-position:73% center;border-radius:46% 46% 12% 12%;border:6px solid #f5dfcc}.playful-scene:after{content:"";position:absolute;top:10px;right:10px;height:48px;width:48px;border-top:3px solid #d9a889;border-right:3px solid #d9a889;border-radius:12px;transform:rotate(12deg)}.playful-scene-caption{position:absolute;bottom:15px;left:22px;padding:10px 14px;border-radius:3px;background:#fff8eaf0;color:#a27e65;font-size:10px;box-shadow:0 4px 15px #81563216;transform:rotate(-4deg)}.playful-inspiration{background:#f5e6d5;border-top:1px solid #e8d7c5;padding-top:22px;padding-bottom:24px}.playful-inspiration h2{font-family:'Trebuchet MS',Arial,sans-serif;font-weight:700;letter-spacing:-.03em}.playful-inspiration .mini-inspiration .pair-caption strong{color:#496184}
/* 02. Classroom — a human editorial story. */
body[data-direction=adult]{--surface:#faf7f0;--ink:#454331;--muted:#8b8675;--accent:#8c7052}.editorial-home{background:#faf7f0}.editorial-human{padding:15px 4.4% 20px;max-width:1800px;margin:auto}.editorial-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding:15px 0 28px;border-top:1px solid #d8d4c6}.editorial-kicker{font-size:9px;letter-spacing:.15em;color:#9c927b}.editorial-intro h1{font-family:Georgia,serif;font-size:clamp(44px,4.65vw,71px);font-weight:400;letter-spacing:-.062em;line-height:1.05;margin:20px 0 0}.editorial-intro h1 em{color:#9f8a6d;font-weight:400}.editorial-invitation{padding-bottom:4px;max-width:300px;flex-shrink:0}.editorial-invitation p{font-size:13px;line-height:1.8;color:#9b927f;margin:0 0 19px}.editorial-invitation .button{min-height:47px;font-size:12px;border-radius:2px;padding:14px 22px;gap:40px;background:#635c43}.classroom-photo{margin:0;position:relative;border-top:1px solid #d8d4c6;padding-top:14px}.classroom-photo>img{width:100%;height:355px;object-position:center 51%}.classroom-photo figcaption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0 0;font-size:11px;color:#9f947e}.classroom-photo figcaption>span:last-child{font-size:8px;letter-spacing:.13em}.classroom-inspiration{border-top:1px solid #d8d4c6;margin:7px 4.4% 0!important;padding:21px 0 22px}.classroom-inspiration h2{font-family:Georgia,serif;color:#665f49;font-size:27px;font-weight:400}.classroom-inspiration .inspiration-card .pair-visual{border-radius:1px}.classroom-inspiration .mini-inspiration .pair-caption strong{color:#72634d}.classroom-inspiration .text-link{color:#85745f}
/* 03. Future Lab — children create the future, together. */
body[data-direction=future]{--surface:#111222;--ink:#f2effd;--muted:#a6a3bd;--accent:#9de3e4}.future-human-home{margin-top:-88px;padding-top:0;background:#111222}.future-human-hero{position:relative;min-height:720px;height:calc(100svh - 180px);max-height:980px;overflow:hidden;background:#101626}.future-human-image{position:absolute;inset:0;width:100%;height:100%;object-position:center center;animation:reveal-image 1.3s var(--ease) both}.future-human-shade{position:absolute;inset:0;background:linear-gradient(90deg,#101223f5 0%,#101223d4 27%,#10122368 47%,#10122300 72%),linear-gradient(0deg,#111222f9 0%,#11122200 26%)}.future-human-copy{position:relative;z-index:2;padding:160px 0 0 7%;max-width:680px}.future-human-kicker{font-size:9px;letter-spacing:.17em;color:#afa6cd}.future-human-copy h1{font-size:clamp(58px,6.7vw,100px);font-weight:400;line-height:1.01;letter-spacing:-.065em;margin:24px 0 24px}.future-human-copy h1>span{color:#a7e6dd}.future-human-copy p{font-size:15px;line-height:1.7;color:#bdb5d4;margin:0 0 28px;max-width:320px}.future-human-copy .button{background:#bcebe4;color:#152c3c;font-size:13px;min-height:54px;gap:40px;border:1px solid #d0f2ec;box-shadow:0 0 30px #86ddd116}.future-human-copy .button:hover{box-shadow:0 0 35px #86ddd13d}.future-human-footnote{position:absolute;right:5%;bottom:28px;color:#b1c2cf;font-size:10px;letter-spacing:.08em}.lab-inspiration{background:#111222;border-color:#8a83ad35;padding-top:25px}.lab-inspiration h2{font-weight:400;color:#e8e0f4}.lab-inspiration .text-link{color:#c4bdd4}.lab-inspiration .pair-caption strong{color:#ddd5ee}.lab-inspiration .pair-caption>span{color:#8b80a0}
/* 04. At the Table — restrained, tactile and people-led. */
body[data-direction=gallery]{--surface:#fcfcfa;--ink:#42515a;--muted:#95a0a6;--accent:#a36e57}.tabletop-home{background:#fcfcfa}.tabletop-hero{max-width:1800px;margin:auto;display:grid;grid-template-columns:1.16fr .84fr;min-height:600px;padding:12px 4.4% 28px;gap:0;align-items:stretch}.tabletop-photo{position:relative;min-height:565px;overflow:hidden}.tabletop-photo>img{height:100%;position:absolute;inset:0;object-position:52% center}.tabletop-photo-caption{position:absolute;left:25px;bottom:24px;background:#fffdf4d4;color:#9c806c;padding:10px 14px;font-size:8px;letter-spacing:.12em;backdrop-filter:blur(10px)}.tabletop-copy{padding:58px 0 40px 13%;display:flex;flex-direction:column;align-items:flex-start}.tabletop-kicker{font-size:8px;letter-spacing:.16em;color:#b0b8ba}.tabletop-copy h1{font-size:clamp(38px,3.8vw,57px);line-height:1.08;letter-spacing:-.055em;font-weight:400;margin:40px 0 27px;color:#53626b}.tabletop-copy h1 i{font-family:Georgia,serif;color:#af917d;font-weight:400}.tabletop-copy p{font-size:13px;line-height:1.8;color:#a2a9ad;margin:0 0 30px}.tabletop-copy .button{background:#ad785d;color:white;border-radius:40px;gap:34px;font-size:12px;min-height:49px;padding:15px 24px}.tabletop-bottom-note{display:block;font-size:9px;color:#bcc2c6;letter-spacing:.02em;margin-top:auto;padding-top:30px}.tabletop-inspiration{background:#f2f3ef;border-top:1px solid #e6e9e1;padding-top:24px}.tabletop-inspiration h2{font-weight:400;color:#8a9596;font-size:25px}.tabletop-inspiration .mini-inspiration .pair-visual{border-radius:3px}.tabletop-inspiration .pair-caption strong{color:#8d999d}.tabletop-inspiration .text-link{color:#8f9c9d}
@media(min-width:1600px){.playful-hero{min-height:710px}.playful-scene{height:630px}.editorial-intro{padding:25px 0 35px}.classroom-photo>img{height:430px}.tabletop-photo{min-height:660px}.tabletop-copy{padding-top:80px}.future-human-copy{padding-top:200px}.future-human-hero{min-height:825px}}
@media(max-width:1100px){.playful-hero{padding-left:4.4%;min-height:550px}.playful-copy h1{font-size:51px}.playful-scene{height:490px}.playful-copy p{font-size:13px}.playful-kicker{font-size:10px}.editorial-intro{gap:25px}.editorial-intro h1{font-size:53px}.editorial-invitation{max-width:245px}.editorial-invitation p{font-size:11px}.classroom-photo>img{height:340px}.future-human-copy{padding-left:5.5%;padding-top:155px;max-width:550px}.future-human-copy h1{font-size:78px}.tabletop-copy{padding-left:10%;padding-top:55px}.tabletop-copy h1{font-size:43px}.tabletop-copy p{font-size:11px}.tabletop-photo{min-height:550px}}
@media(max-width:760px){.review-navigation{padding:0 5%;height:45px;gap:10px}.return-designs{font-size:10px;gap:7px}.return-designs .icon{width:15px;height:15px}.review-page-arrows{gap:5px}.review-page-arrows a{height:36px;width:36px}.current-review-design{font-size:8px;letter-spacing:0}.current-review-design{display:none}body[data-page=home] .site-header{height:74px}.review-navigation+.site-header .brand-lab{font-size:7px}.review-navigation+.site-header .brand-divider{height:19px}.comparison-back{font-size:9px;gap:5px}.comparison-back .icon{height:14px;width:14px}.comparison-heading .comparison-style{font-size:8px}.comparison-heading{gap:10px;padding-right:32px}.design-window{aspect-ratio:1.5}.human-home{padding-bottom:20px}.playful-hero{display:flex;flex-direction:column;padding:14px 5% 25px;min-height:0}.playful-copy{padding:8px 0 23px;width:100%}.playful-kicker{font-size:10px;margin-bottom:18px}.playful-copy h1{font-size:48px;line-height:1.02!important;margin-bottom:20px}.playful-copy p{font-size:12px;margin-bottom:21px}.playful-copy .button{font-size:12px;min-height:49px;gap:38px;padding:15px 24px}.playful-handwritten{font-size:11px;margin-top:19px}.playful-scene{width:100%;height:330px;margin:5px 0 0}.playful-scene>img{border-width:4px;border-radius:40% 40% 8% 8%;object-position:75% center}.playful-scene-caption{font-size:8px;left:12px;bottom:12px;padding:8px 10px}.playful-scene:after{height:32px;width:32px;border-width:2px;right:6px;top:6px}.playful-inspiration{margin-top:0!important}.editorial-human{padding:9px 5% 10px}.editorial-intro{display:block;padding:22px 0 24px}.editorial-kicker{font-size:7px;letter-spacing:.13em}.editorial-intro h1{font-size:44px;margin:18px 0 22px}.editorial-invitation{max-width:none;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:0}.editorial-invitation p{font-size:10px;margin:0;line-height:1.7}.editorial-invitation .button{font-size:10px;min-height:44px;gap:13px;padding:12px 16px;flex-shrink:0}.editorial-invitation .button .icon{width:16px;height:16px}.classroom-photo{padding-top:12px}.classroom-photo>img{height:310px;object-position:55% center}.classroom-photo figcaption{font-size:9px;padding-top:12px}.classroom-photo figcaption>span:last-child{font-size:6px}.classroom-inspiration{margin:15px 5% 0!important;padding:22px 0}.classroom-inspiration h2{font-size:22px}.future-human-home{margin-top:-74px}.future-human-hero{height:800px;min-height:0}.future-human-image{top:215px;height:600px;object-position:66% bottom}.future-human-shade{background:linear-gradient(180deg,#101223 20%,#101223e6 36%,#10122360 58%,#10122300 80%,#111222ff 100%)}.future-human-copy{padding:115px 6% 0;width:100%;max-width:none}.future-human-kicker{font-size:8px;letter-spacing:.12em}.future-human-copy h1{font-size:63px;line-height:1.01;margin:20px 0}.future-human-copy p{font-size:12px;line-height:1.6;max-width:260px;margin-bottom:23px}.future-human-copy .button{font-size:12px;min-height:49px;padding:15px 25px;gap:40px}.future-human-footnote{font-size:8px;right:6%;bottom:26px}.lab-inspiration h2{font-size:22px}.tabletop-hero{display:flex;flex-direction:column;min-height:0;padding:12px 5% 25px}.tabletop-copy{order:0;padding:15px 0 26px}.tabletop-kicker{font-size:8px}.tabletop-copy h1{font-size:47px;line-height:1.05;margin:23px 0}.tabletop-copy p{font-size:12px;line-height:1.7;margin:0 0 23px}.tabletop-copy .button{font-size:11px;min-height:47px;padding:14px 24px;gap:34px}.tabletop-bottom-note{font-size:8px;padding-top:23px;margin-top:0}.tabletop-photo{order:1;min-height:350px;height:350px;width:100%}.tabletop-photo>img{object-position:52% center}.tabletop-photo-caption{font-size:7px;left:13px;bottom:15px;padding:8px 10px}.tabletop-inspiration h2{font-size:22px}.human-home .mini-gallery{padding-top:22px;padding-bottom:22px}}
@media(max-width:380px){.playful-copy h1{font-size:45px}.editorial-intro h1{font-size:40px}.editorial-invitation p{font-size:9px}.editorial-invitation .button{padding-left:12px;padding-right:12px}.future-human-copy h1{font-size:59px}.tabletop-copy h1{font-size:43px}}
@media(prefers-reduced-motion:reduce){.future-human-image{animation:none}}
@media(min-width:761px){.classroom-photo>img{height:460px;object-position:center 15%}}
.playful-copy p{color:#80685e}.editorial-invitation p{color:#7d725e}.tabletop-copy p{color:#6f7d85}.tabletop-bottom-note{color:#7b878e}
.is-embedded .future-human-image{animation:none}
@media(max-width:760px){.future-human-hero{height:auto;min-height:0;display:flex;flex-direction:column}.future-human-image{position:relative;inset:auto;order:2;width:100%;height:300px;object-fit:cover;object-position:right center;margin-top:24px;animation:none}.future-human-shade{display:none}.future-human-copy{order:1;padding-top:109px;padding-bottom:0}.future-human-copy h1{font-size:57px}.future-human-copy p{font-size:12px}.future-human-footnote{position:relative;order:3;right:auto;bottom:auto;display:block;padding:17px 6% 22px;text-align:right;background:#111222}.lab-inspiration{margin-top:0}}
/* 05. Surf Club — a sunny beach workshop. */
body[data-direction=surf-club]{--surface:#f7f1df;--ink:#184f50;--muted:#658180;--accent:#e57a58;--line:#d8dfcd}
.surf-mark{width:43px;height:40px;flex-shrink:0}.surf-brand .brand-word{letter-spacing:-1.4px;font-size:27px}.surf-brand .brand-lab{font-size:10px;letter-spacing:.13em}
.surf-club-home{background:#f7f1df}.surf-club-hero{max-width:1800px;margin:auto;position:relative;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:3%;padding:18px 4.4% 54px 6%;min-height:600px}.surf-club-copy{padding:25px 0 35px}.surf-club-kicker{font-size:10px;letter-spacing:.13em;color:#6b8983;font-weight:700}.surf-club-copy h1{font-family:Georgia,serif;font-size:clamp(58px,5.7vw,88px);font-weight:400;letter-spacing:-.065em;line-height:1.01!important;margin:28px 0}.surf-club-copy h1 em{font-weight:400;color:#d56c4d}.surf-club-copy>p{font-size:15px;color:#6b8880;line-height:1.8;margin:0 0 28px}.surf-club-copy .button{border-radius:6px;background:#195958;gap:30px;box-shadow:4px 4px 0 #b7c7a8;font-size:13px}.surf-club-note{display:block;font-family:Georgia,serif;font-style:italic;color:#83907d;font-size:12px;margin-top:24px}.surf-club-scene{margin:0;position:relative;transform:rotate(1.5deg);padding:10px 10px 38px;background:#fffcf0;box-shadow:0 15px 40px #51664e15}.surf-club-scene>img{height:450px;object-position:57% center}.surf-club-scene:before{content:"";position:absolute;width:95px;height:29px;background:#c5d8bdac;top:-14px;left:43%;transform:rotate(-8deg);z-index:1}.surf-club-scene figcaption{position:absolute;bottom:13px;left:15px;color:#799183;font-family:Georgia,serif;font-size:11px;font-style:italic}.surf-club-coordinate{position:absolute;right:5%;bottom:19px;font-size:8px;letter-spacing:.17em;color:#8c9d8f}.surf-story{display:grid;grid-template-columns:1fr 1.1fr;max-width:1300px;margin:0 auto;padding:45px 6%;gap:70px;align-items:center}.surf-story-copy h2{font-family:Georgia,serif;font-weight:400;font-size:42px;letter-spacing:-.055em;line-height:1.05;margin:20px 0}.surf-story-copy p{font-size:13px;line-height:1.8;color:var(--muted)}.surf-story .eyebrow{font-size:9px}.surf-story .text-link{font-size:12px;width:max-content}.surf-story .mini-inspiration .pair-visual{height:auto;aspect-ratio:1.65}.surf-story .mini-inspiration .pair-caption strong{font-size:15px}.sunny-story{border-top:1px solid #cfd6c3}.sunny-story .inspiration-card{border-radius:4px}.sunny-story .pair-visual{border-radius:4px}
/* 06. Make Waves — an immersive ocean art studio. */
body[data-direction=surf-wave]{--surface:#071f2b;--ink:#effbf5;--muted:#9fb8bb;--accent:#acf0da;--line:#31515b}
body[data-direction=surf-wave] .review-navigation{background:#082534f5;color:#d3efeb;border-color:#45636e75}body[data-direction=surf-wave] .current-review-design{color:#9dbbbd}body[data-direction=surf-wave] .review-page-arrows a{background:#173b48;border-color:#77909660}.surf-wave-home{background:#071f2b}.surf-wave-hero{max-width:1800px;margin:auto;padding:15px 4.4% 0}.surf-wave-heading{display:grid;grid-template-columns:1fr 290px;position:relative;align-items:end;padding:8px 0 35px}.surf-wave-kicker{grid-column:1/-1;font-size:9px;font-weight:600;letter-spacing:.16em;color:#8fb6b4;margin-bottom:21px}.surf-wave-heading h1{font-size:clamp(62px,6.6vw,108px);font-weight:500;letter-spacing:-.07em;line-height:.93!important;margin:0}.surf-wave-heading h1 em{font-family:Georgia,serif;font-weight:400;color:#b9f2db}.surf-wave-heading>div{padding-bottom:4px}.surf-wave-heading p{font-size:14px;line-height:1.75;color:#a9c3c3;margin:0 0 22px}.surf-wave-heading .button{background:#c3f6de;color:#123e43;min-height:48px;font-size:12px;gap:30px;border-radius:40px;padding:14px 24px}.surf-wave-scene{position:relative;margin:0;border-radius:5px;overflow:hidden}.surf-wave-scene img{height:420px;object-position:center 55%}.surf-wave-scene figcaption{display:flex;justify-content:space-between;gap:20px;position:absolute;bottom:0;left:0;right:0;padding:40px 24px 20px;background:linear-gradient(transparent,#041c2bba);color:#c9e5e4;font-size:8px;letter-spacing:.14em}.ocean-story{max-width:none;margin:35px 4.4% 0;padding:40px 3%;border-top:1px solid #31505b;grid-template-columns:1fr 1fr;gap:12%}.ocean-story .surf-story-copy h2{font-family:Arial,Helvetica,sans-serif;font-size:43px}.ocean-story .pair-visual{border-radius:5px}.ocean-story .pair-caption strong{color:#e4f6ee}.ocean-story .pair-caption>span{color:#bdd3cf}
/* One source drawing makes the style comparison immediately understandable. */
.style-source-strip{display:flex;gap:26px;align-items:center;margin:22px 0 28px;padding:14px 22px;background:#ffffffbd;color:#213e4e;border:1px solid #c9d4dc70;border-radius:17px}.style-source-strip>figure{margin:0;flex-shrink:0;width:150px}.style-source-strip>figure img{height:80px;object-fit:contain;border-radius:5px;background:white}.style-source-strip figcaption{font-size:7px;letter-spacing:.12em;text-align:center;color:#6c7d8a;margin:7px 0 2px}.style-source-strip>div:not(.your-input-mini){flex:1}.style-source-strip strong{display:block;font-size:15px;font-weight:600;letter-spacing:-.02em}.style-source-strip p{font-size:12px;line-height:1.6;color:#687d89;margin:8px 0}.style-source-strip>div>span{font-size:10px;display:flex;align-items:center;gap:10px;color:#78749a}.style-source-strip>div>span .icon{width:15px;height:15px;transform:rotate(90deg)}.your-input-mini{width:112px;padding-left:17px;border-left:1px solid #bdcbd45e;flex-shrink:0}.your-input-mini>img{height:56px;object-fit:contain;background:#fff;border-radius:5px;margin-bottom:6px}.your-input-mini>span{font-size:8px!important;line-height:1.5;display:block!important;text-align:center}.style-workspace .style-options{gap:20px}.style-workspace .style-card>img{height:225px;object-fit:cover}.style-workspace .style-card .example-label{font-size:8px;letter-spacing:.03em;top:14px;left:14px}.style-workspace .style-info{padding:20px}.style-workspace .style-info strong{font-size:23px}.style-workspace .style-info p{font-size:11px;line-height:1.6}.style-workspace .style-card{border-radius:17px}.style-workspace .workspace-bottom{margin-top:17px}
body[data-direction=surf-wave] .style-source-strip,body[data-direction=future] .style-source-strip{background:#142f3d;color:#e5f4f2;border-color:#69898d45}body[data-direction=surf-wave] .style-source-strip p,body[data-direction=future] .style-source-strip p{color:#acc7c8}body[data-direction=surf-wave] .style-source-strip>div>span,body[data-direction=future] .style-source-strip>div>span{color:#badbd8}
@media(max-width:1100px){.surf-club-hero{gap:2%;padding-left:4.4%}.surf-club-copy h1{font-size:61px}.surf-club-scene>img{height:430px}.surf-story{gap:35px}.surf-wave-heading h1{font-size:80px}.style-workspace .style-card>img{height:185px}}
@media(max-width:760px){.surf-brand{gap:8px}.surf-brand .brand-word{font-size:20px;letter-spacing:-1px}.surf-brand .brand-divider,.surf-brand .brand-lab{display:none}.surf-mark{width:31px;height:31px}.surf-club-hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:12px 6% 37px;gap:15px}.surf-club-copy{padding:8px 0 15px}.surf-club-kicker{font-size:8px}.surf-club-copy h1{font-size:63px;margin:23px 0}.surf-club-copy>p{font-size:12px;margin-bottom:23px}.surf-club-copy .button{min-height:49px;font-size:12px;padding:15px 23px}.surf-club-note{font-size:10px;margin:20px 0 0}.surf-club-scene{padding:7px 7px 32px;transform:rotate(1deg);margin:5px 0 12px}.surf-club-scene>img{height:auto;aspect-ratio:1.25;object-position:center}.surf-club-scene figcaption{font-size:9px;bottom:11px;left:11px}.surf-club-coordinate{font-size:6px;bottom:17px;right:6%}.surf-story{display:block;padding:28px 6%;margin:0 6%}.surf-story-copy{margin-bottom:20px}.surf-story-copy h2{font-size:34px;margin:15px 0}.surf-story-copy .eyebrow{font-size:8px}.surf-story-copy p{font-size:11px}.surf-story-copy .text-link{font-size:10px}.surf-story .mini-inspiration .pair-visual{height:auto;aspect-ratio:1.5}.surf-story .mini-inspiration .pair-caption strong{font-size:12px}.surf-story .mini-inspiration .before-pin{width:34%}.surf-story .mini-inspiration .before-pin>span{font-size:7px}.surf-story .mini-inspiration .after-tag{font-size:7px}.surf-wave-hero{padding:6px 5% 0}.surf-wave-heading{grid-template-columns:1fr;padding:6px 0 25px;gap:20px}.surf-wave-kicker{font-size:7px;margin-bottom:0}.surf-wave-heading h1{font-size:64px}.surf-wave-heading>div{display:flex;align-items:center;justify-content:space-between;gap:14px}.surf-wave-heading p{font-size:10px;margin:0}.surf-wave-heading .button{font-size:10px;min-height:45px;padding:12px 17px;gap:12px}.surf-wave-heading .button .icon{width:16px}.surf-wave-scene img{height:300px;object-position:55% center}.surf-wave-scene figcaption{padding:35px 13px 13px;font-size:6px;gap:8px}.ocean-story{margin:24px 5% 0;padding:28px 0}.ocean-story .surf-story-copy h2{font-size:34px}.style-source-strip{padding:14px;gap:13px;align-items:center;flex-wrap:wrap;margin:19px 0 23px}.style-source-strip>figure{width:97px}.style-source-strip>figure img{height:68px}.style-source-strip figcaption{font-size:6px;letter-spacing:.08em}.style-source-strip>div:not(.your-input-mini){min-width:150px}.style-source-strip strong{font-size:12px}.style-source-strip p{font-size:10px;line-height:1.5;margin:6px 0}.style-source-strip>div>span{font-size:8px}.your-input-mini{display:flex;width:100%;align-items:center;gap:10px;border-left:0;border-top:1px solid #bdcbd45e;padding:10px 0 0}.your-input-mini img{height:29px;width:45px;margin:0}.your-input-mini span{font-size:8px!important}.style-workspace .style-options{display:grid;grid-template-columns:1fr;gap:15px}.style-workspace .style-card{display:flex;flex-direction:column;min-width:0}.style-workspace .style-card>img{width:100%;height:auto;aspect-ratio:1.6}.style-workspace .style-info{padding:16px 18px;min-height:82px;width:100%}.style-workspace .style-info strong{font-size:21px}.style-workspace .style-info p{font-size:10px}.style-workspace .style-card .example-label{display:block;left:12px;top:12px;font-size:8px}.style-workspace .workspace-bottom{margin-top:20px}.style-workspace .workspace-bottom>.button{width:100%}.style-workspace .workspace-tip{font-size:10px}.style-workspace .prototype-note{font-size:9px;line-height:1.7}}

.surf-wave-scene img{height:auto;aspect-ratio:1.777;object-fit:cover}
/* Husqvarna product invention on a board-shaped drawing surface. */
.drawing-top-actions{display:flex;align-items:center;gap:8px}.guide-toggle{font-size:10px;min-height:32px;padding:8px 12px;border-radius:15px;background:#eef2f5;color:#697e8e;border:1px solid #dce4e9}.guide-toggle[aria-pressed=true]{background:#e0ecef;color:#285766;border-color:#b4cfd3}.board-outline-guide{position:absolute;inset:5% 10%;width:80%;height:90%;fill:none;stroke:#b7c8cc;stroke-width:1.5;stroke-dasharray:6 7;opacity:.55;pointer-events:none;z-index:0}.board-outline-guide.guide-hidden{display:none}
body[data-direction^=surf-] .canvas-prompt{inset:22px auto auto 23px;align-items:flex-start;gap:8px;max-width:80%;z-index:1;color:#81949e}body[data-direction^=surf-] .canvas-prompt .icon{display:none}body[data-direction^=surf-] .canvas-prompt strong{font-size:15px;font-weight:400}body[data-direction^=surf-] .canvas-prompt span{font-size:10px}body[data-direction^=surf-] .style-workspace .style-card>img{object-fit:cover}body[data-direction^=surf-] .workspace-bottom>.button{background:#d57043}body[data-direction^=surf-] .style-source-strip>figure{width:190px}body[data-direction^=surf-] .style-source-strip>figure img{height:101px}
.style-workspace .style-info p{max-width:240px}.style-workspace .style-card>img{aspect-ratio:1.55;height:auto;object-fit:cover}.style-workspace .example-label{background:#ffffffdf;color:#314b5c}
@media(max-width:760px){.drawing-top-actions{gap:5px}.drawing-topline{min-height:48px;height:auto;gap:7px;padding:8px 12px;flex-wrap:wrap}.drawing-topline>span{font-size:9px}.guide-toggle{font-size:9px;padding:7px 10px;min-height:31px}.drawing-top-actions .try-doodle{font-size:9px;min-height:31px;padding:7px 10px}body[data-direction^=surf-] .board-outline-guide{inset:14% 0 0;width:100%;height:86%}body[data-direction^=surf-] .canvas-prompt{inset:15px auto auto 15px;max-width:90%}body[data-direction^=surf-] .canvas-prompt strong{font-size:12px}body[data-direction^=surf-] .style-source-strip>figure{width:100px}body[data-direction^=surf-] .style-source-strip>figure img{height:76px}.style-workspace .style-card>img{aspect-ratio:1.55;width:100%;height:auto}.style-workspace .style-info p{max-width:none}.style-workspace h1{font-size:33px}}
.surf-club-scene>img{height:auto;aspect-ratio:1.5;object-fit:cover}