/* PromptKite / creative field notes — original visual system */
:root{--bg:#f5f5f0;--paper:#fff;--ink:#192524;--muted:#626f6b;--line:#dce1d9;--soft:#e9eee7;--accent:#c9f47a;--shadow:0 18px 50px #1827230c}
body.dark{--bg:#101b1c;--paper:#172526;--ink:#edf3e8;--muted:#a2b4af;--line:#304141;--soft:#1e3030;--accent:#c9f47a}
::selection{background:#c9f47a;color:#17241f}button:focus-visible,a:focus-visible{outline:3px solid #62a596;outline-offset:5px}.header{height:80px;background:var(--bg);padding:0 4%;gap:20px}.brand-mark{font-family:Arial,sans-serif;width:33px;height:38px;font-weight:900;letter-spacing:-5px;font-size:32px}.brand-mark>span{color:#3b7968;font-size:17px;right:-8px;top:1px}.brand small{letter-spacing:.18em}.header nav{gap:24px}.header nav a.active:after{background:#3e7464;height:3px}.header-right{gap:16px}.button{border-radius:100px}.button.black{background:var(--ink)}.header .button{background:#244e42;color:#fff;border-color:#244e42}.studio-container{max-width:1420px;padding:0 5%}.kicker{color:var(--muted);font-size:10px;letter-spacing:.16em}
.studio-hero{position:relative;isolation:isolate;overflow:hidden;background:#0b151d;color:#f7f6ee;min-height:610px;display:grid;grid-template-columns:1.05fr 1fr;padding:80px 5% 62px;align-items:center;--pointer-x:0px;--pointer-y:0px}.studio-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 80% 60%,#23636522,transparent 60%),linear-gradient(100deg,#101e24,transparent);z-index:-1}.hero-grain{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' opacity='.18' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E");opacity:.14;pointer-events:none;z-index:2}.studio-hero-copy{z-index:3;position:relative;max-width:650px}.studio-eyebrow{display:flex;gap:10px;align-items:center;font:10px/1.4 monospace;letter-spacing:.13em;color:#aec2bc;margin-bottom:38px}.studio-eyebrow span{width:6px;height:6px;border-radius:50%;background:#c9f47a;box-shadow:0 0 16px #c9f47a99}.studio-hero h1{font-size:clamp(44px,4.6vw,76px);line-height:1.23;letter-spacing:-.055em;font-weight:650}.iridescent-word{background:linear-gradient(110deg,#e0f3d7 10%,#9ed6d2 30%,#e7d8ba 60%,#e0f3d7 90%);background-size:220% 100%;color:transparent;background-clip:text;-webkit-background-clip:text;animation:hue-drift 12s ease infinite}.studio-hero-copy>p{font-size:15px;line-height:1.95;color:#b9c4c5;margin:25px 0 32px}.studio-hero-actions{display:flex;align-items:center;gap:26px}.button.studio-primary{background:#d1f4a1;color:#1c3225;border-color:#d1f4a1;font-size:13px;padding:15px 23px;box-shadow:0 0 30px #c9f47a09}.studio-secondary{font-size:12px;display:flex;gap:15px;align-items:center;color:#dce3de}.studio-secondary:hover{color:#c9f47a}.hero-footnote{display:flex;justify-content:space-between;gap:20px;margin-top:66px;font-size:10px;color:#90a3a6;max-width:450px}.hero-footnote span:last-child{font:9px monospace;letter-spacing:.07em}.hero-art{position:absolute;right:-2%;top:5%;width:57%;height:90%;z-index:1;transform:translate(var(--pointer-x),var(--pointer-y));transition:transform .5s ease-out}.hero-art>img{width:100%;height:100%;object-fit:cover;mix-blend-mode:screen;mask-image:radial-gradient(ellipse at center,black 30%,transparent 71%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 71%);animation:seed-float 12s ease-in-out infinite}.art-orbit{position:absolute;inset:18% 12%;border:1px solid #b8d4cc1b;border-radius:50%;transform:rotate(-24deg);pointer-events:none}.art-orbit:after{content:"";position:absolute;width:5px;height:5px;background:#e4dfc6;border-radius:50%;top:13%;left:15%;box-shadow:0 0 18px #effacb}.art-caption{position:absolute;bottom:4%;left:23%;right:15%;display:flex;justify-content:space-between;color:#9aabae;font:8px/1.6 monospace;letter-spacing:.08em}.floating-note{position:absolute;right:13%;top:18%;padding:10px 15px;background:#d5eae010;border:1px solid #dbede42b;backdrop-filter:blur(16px);border-radius:8px;color:#d2dfd9;display:flex;align-items:center;gap:9px;font-size:10px;animation:seed-float 10s ease-in-out infinite reverse}.note-dot{width:5px;height:5px;border-radius:50%;background:#c9f47a}.motion-switch{position:absolute;right:4%;bottom:20px;z-index:4;font-size:10px;color:#acbbbe;border:1px solid #667b7e66;border-radius:25px;padding:6px 12px}.studio-ribbon{display:flex;justify-content:space-around;align-items:center;gap:25px;background:#e1e9dd;padding:19px 5%;color:#455e52;font:10px monospace;letter-spacing:.14em;border-bottom:1px solid var(--line)}.studio-ribbon i{font-style:normal;font-size:18px;color:#668068}.studio-section{padding:76px 0;border-bottom:1px solid var(--line)}.studio-section .section-heading{margin-bottom:32px}.studio-section h2{font-size:clamp(25px,2.8vw,37px);font-weight:600;letter-spacing:-.04em}.section-aside{font-size:12px;color:var(--muted);line-height:1.8;margin:0!important}.path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.path-card{position:relative;display:flex;flex-direction:column;padding:27px 27px 22px;min-height:330px;border:1px solid var(--line);border-radius:14px;background:var(--paper);transition:transform .3s,box-shadow .3s,border-color .3s;overflow:hidden}.path-card:hover{transform:translateY(-7px);box-shadow:0 16px 40px #21382c12;border-color:#99ad99}.path-learn{--path-color:#557e49;--path-soft:#e8f0db}.path-design{--path-color:#926444;--path-soft:#f6eadf}.path-create{--path-color:#627a9a;--path-soft:#e8edf6}.path-top{display:flex;justify-content:space-between;align-items:center;color:var(--path-color);font:10px monospace;letter-spacing:.1em;margin-bottom:20px}.path-top i{display:grid;place-items:center;background:var(--path-soft);border-radius:11px;width:45px;height:45px;font:26px Arial}.path-card h3{font-size:29px;margin-bottom:10px;letter-spacing:-.04em}.path-card h4{font-size:13px;margin:0 0 9px;font-weight:600}.path-card p{font-size:12px;line-height:1.9;color:var(--muted);max-width:300px}.path-tags{font-size:10px;color:var(--muted);margin:20px 0}.path-cta{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:15px;border-top:1px solid var(--line);font-size:12px;font-weight:600}.path-cta>span{font-size:20px}.editorial-label{font:10px monospace;color:var(--muted);letter-spacing:.05em}.project-feature{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper)}.project-image{position:relative;min-height:540px;overflow:hidden}.project-image>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform 1s}.project-image:hover>img{transform:scale(1.035)}.project-image:after{content:"";position:absolute;inset:0;background:linear-gradient(#152e2944,transparent 50%,#152e2933)}.project-image>div{position:absolute;top:34px;left:32px;z-index:1;color:white}.project-image span{font:9px monospace;letter-spacing:.11em}.project-image strong{display:block;font-size:39px;line-height:1.25;font-weight:500;margin-top:18px;letter-spacing:-.05em}.project-copy{padding:45px 40px}.project-copy h3{font-size:29px;line-height:1.45;font-weight:600;margin:16px 0}.project-copy>p{font-size:12px;line-height:1.9;color:var(--muted);max-width:390px}.project-lessons{margin:28px 0 20px}.project-lessons button,.workflow-list button{display:flex;align-items:center;width:100%;gap:18px;text-align:left;padding:19px 0;border-top:1px solid var(--line)}.project-lessons button>span,.workflow-list button>span{font:11px monospace;color:var(--muted)}.project-lessons button>div,.workflow-list button>div{flex:1}.project-lessons strong,.workflow-list strong{font-size:13px;font-weight:600}.project-lessons small,.workflow-list small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.project-lessons b,.workflow-list b{font-size:18px;font-weight:400;transition:transform .2s}.project-lessons button:hover b,.workflow-list button:hover b{transform:translate(3px,-3px)}.project-disclosure{font-size:10px;color:var(--muted);display:block;margin-top:16px}.studio-gallery .art-picture{border-radius:12px;aspect-ratio:4/4.5}.art-picture img{transition:transform .7s}.art-card:hover .art-picture img{transform:scale(1.035)}.art-title{font-size:17px}.art-info p{color:var(--muted)}.badge{border-radius:30px}.studio-workflows{display:grid;grid-template-columns:1fr 1.4fr;gap:80px}.studio-workflows h2{margin:16px 0;line-height:1.4}.studio-workflows p{font-size:13px;color:var(--muted);line-height:1.9}.studio-workflows .text-link{margin-top:25px}.workflow-list button{padding:25px 0}.workflow-list button:first-child{border-top:0}.workflow-list strong{font-size:16px}.workflow-list small{margin-top:7px;max-width:370px}.studio-membership{position:relative;overflow:hidden;background:#183e35;color:#f0f2e9;border-radius:16px;padding:54px}.studio-membership .kicker{color:#afc7b7}.studio-membership h2{margin:16px 0}.studio-membership p{font-size:13px;color:#c0d1c4;margin-bottom:25px;max-width:65%}.member-small{display:block;font-size:10px;color:#afc7b7;margin-top:15px}.membership-orb{position:absolute;right:6%;top:6%;font-size:220px;line-height:1.2;color:#8db39933;pointer-events:none;animation:orbit-turn 60s linear infinite}.studio-membership>*:not(.membership-orb){position:relative;z-index:1}.track-heading{padding:60px 0 45px;border-bottom:1px solid var(--line)}.track-heading>.kicker{margin:35px 0 15px;color:var(--path-color)}.track-heading h1{font-size:42px;font-weight:600}.track-heading h1>span{font-size:22px;color:var(--muted);font-weight:400}.track-heading>p{margin-top:20px;max-width:580px;color:var(--muted)}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.lesson-card{padding:28px;text-align:left;background:var(--paper);border:1px solid var(--line);border-radius:13px;display:flex;flex-direction:column;align-items:flex-start}.lesson-card:hover{border-color:#799d8a}.lesson-card h3{font-size:22px;margin:20px 0 15px}.lesson-card p{font-size:12px;color:var(--muted);margin-bottom:25px;line-height:1.9}.lesson-card .text-link{margin-top:auto;font-size:11px}.lesson-detail h2{font-size:30px;margin:15px 0}.lesson-intro{font-size:14px;color:var(--muted);margin-bottom:24px}.lesson-step{display:flex;gap:20px;padding:21px 0;border-top:1px solid var(--line)}.lesson-step>span{font:12px monospace;color:#6a8b76;padding-top:4px}.lesson-step h3{font-size:17px;margin-bottom:9px}.lesson-step p{font-size:13px;color:var(--muted);line-height:1.9}.template-title{font-size:17px;margin:18px 0}.lesson-detail .prompt-box{max-height:none}.page-heading h1{font-size:40px;font-weight:600}.gallery{gap:30px 22px}.skill-card,.tool-card{border-radius:12px}.member-banner{border-radius:14px}.modal-close{border-radius:50%}dialog{border-radius:16px}footer{margin-top:0;padding-top:55px}.dark .studio-ribbon{background:#1c3028;color:#afc3b4}.dark .path-top i{color:#26382e}.dark .studio-membership{background:#244d41}.dark .studio-hero{border-bottom:1px solid var(--line)}
@keyframes seed-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-13px) rotate(1deg)}}@keyframes hue-drift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes orbit-turn{to{transform:rotate(360deg)}}
.motion-paused .studio-hero *,.motion-paused .membership-orb{animation-play-state:paused!important}.motion-paused .hero-art{transform:none!important}
@media(min-width:1600px){.studio-hero{padding-left:max(5%,calc((100vw - 1280px)/2));min-height:680px}.hero-art{right:5%;width:50%}}
@media(max-width:1100px){.header nav{gap:17px}.header-right{gap:10px}.header-right .compact{display:none}.studio-hero{min-height:570px;padding-top:65px}.studio-hero h1{font-size:53px}.studio-hero-copy>p{font-size:13px}.hero-art{right:-10%;width:65%}.path-card{padding:22px}.project-copy{padding:32px}.studio-workflows{gap:45px}.floating-note{right:19%}.hero-footnote{max-width:370px}}
@media(max-width:760px){.header{height:68px;padding:0 5%}.header nav{display:none}.brand{font-size:15px}.header-right .compact{display:none}.studio-hero{display:block;min-height:690px;padding:42px 6% 265px}.studio-eyebrow{font-size:8px;margin-bottom:24px}.studio-hero h1{font-size:clamp(39px,8.5vw,59px);line-height:1.25}.studio-hero-copy>p{font-size:12px;margin:20px 0 24px}.studio-hero-actions{gap:20px}.button.studio-primary{font-size:11px;padding:13px 19px;gap:16px}.studio-secondary{font-size:11px;gap:8px}.hero-footnote{margin-top:26px;font-size:9px;max-width:none}.hero-footnote span:last-child{font-size:8px}.hero-art{width:100%;height:310px;top:auto;bottom:2px;right:0}.hero-art>img{object-fit:contain;mask-image:radial-gradient(ellipse,black 25%,transparent 71%)}.floating-note{top:23%;right:12%;font-size:9px}.art-orbit{inset:20% 15%}.art-caption{left:12%;right:12%;bottom:13%;font-size:7px}.motion-switch{right:6%;bottom:14px}.studio-ribbon{padding:15px 5%;gap:12px;font-size:8px;letter-spacing:.04em}.studio-ribbon span:last-child,.studio-ribbon i:last-of-type{display:none}.studio-ribbon i{font-size:15px}.studio-section{padding:45px 0}.studio-section h2{font-size:26px}.studio-section .section-heading{align-items:flex-start;margin-bottom:24px}.section-aside{display:none}.path-grid{grid-template-columns:1fr}.path-card{min-height:0;padding:24px}.path-card h3{font-size:27px}.path-top{margin-bottom:6px}.path-top i{position:absolute;right:24px;top:22px}.path-card h4{margin-top:7px}.path-card p{max-width:100%}.path-tags{margin:14px 0}.project-feature{grid-template-columns:1fr}.project-image{min-height:370px}.project-image>img{object-position:center 60%}.project-image strong{font-size:33px}.project-copy{padding:28px}.project-copy h3{font-size:26px}.editorial-label{display:none}.studio-gallery{grid-template-columns:1fr 1fr}.studio-gallery .art-card:last-child{display:none}.studio-gallery .art-title{font-size:14px}.studio-gallery .art-info p{font-size:11px}.studio-gallery .art-meta{font-size:9px}.studio-gallery .art-meta>span:last-child{display:none}.studio-gallery .badge{font-size:8px;padding:5px 8px}.studio-workflows{grid-template-columns:1fr;gap:20px}.workflow-list button{padding:22px 0}.workflow-list strong{font-size:15px}.studio-membership{padding:32px 25px}.studio-membership h2{font-size:25px;max-width:240px;line-height:1.45}.studio-membership p{max-width:100%;font-size:12px}.membership-orb{font-size:160px;right:-40px;top:-20px}.track-heading{padding:35px 0}.track-heading h1{font-size:34px}.track-heading h1>span{display:block;font-size:18px;margin-top:12px}.track-heading>p{font-size:13px}.lesson-grid{grid-template-columns:1fr}.lesson-card{padding:25px}.lesson-card h3{font-size:23px;margin:12px 0}.lesson-detail h2{font-size:25px}.lesson-step{gap:14px}.page-heading h1{font-size:30px}.mobile-nav{background:var(--paper);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.mobile-nav a{font-size:18px}.mobile-nav span{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-art{transform:none!important}.motion-switch{display:none}}

.design-quickstart{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;margin-bottom:28px;background:var(--soft);border-radius:12px}.design-quickstart strong{font-size:17px}.design-quickstart p{color:var(--muted);font-size:12px;margin-top:5px}.design-quickstart .button{font-size:12px;white-space:nowrap}@media(max-width:760px){.design-quickstart{align-items:flex-start;flex-direction:column}.design-quickstart strong{font-size:16px}}