/* ビジョンツリー：物語の入口と、問いに向き合うアトリエ。 */
:root{--ink:#195c43;--green:#195c43;--blue:#004aad;--aqua:#9de4de;--paper:#fff;--pale:#eef7f2;--muted:#53675f;--danger:#a52b2b;--line:#cad8cf;font-family:'Noto Sans JP','Yu Gothic',Meiryo,sans-serif;color:var(--ink);background:white;font-size:16px;line-height:1.85}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:26px}body{margin:0}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:'Zen Kaku Gothic New',sans-serif;line-height:1.55}button,input,textarea{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-underline-offset:5px}a:hover{text-decoration-thickness:2px}button{min-height:44px;border:0;border-radius:999px;padding:11px 22px;background:var(--pale);font-size:14px;font-weight:500;transition:background .18s,transform .18s,box-shadow .18s}button:hover{background:#dbeee3;transform:translateY(-2px)}button:active{transform:translateY(0)}button:disabled{cursor:not-allowed;opacity:.45;transform:none}button.primary{color:white;background:var(--blue)}button.primary:hover{background:var(--green)}:focus-visible{outline:3px solid var(--blue);outline-offset:4px}img{max-width:100%;display:block}button,input,textarea{ -webkit-tap-highlight-color:transparent}[hidden]{display:none!important}.mobile-only{display:none}.skip{position:absolute;top:-90px;left:20px;z-index:10;background:white;padding:12px}.skip:focus{top:10px}
.app-header{height:106px;max-width:1500px;margin:auto;padding:24px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px}.app-header img{width:205px;height:auto}.app-header nav{display:flex;gap:32px;align-items:center;font-size:13px}.app-header a{text-decoration:none}.app-header a:hover{color:var(--blue)}.header-consult span{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--green);color:white;margin-left:10px}
.intro{max-width:1440px;margin:auto;padding:58px 5% 90px;display:grid;grid-template-columns:1fr 1.05fr;align-items:center}.hero-copy{position:relative;z-index:1}.hero-copy h1{font-family:'Noto Sans JP',sans-serif;font-size:14px;font-weight:500;letter-spacing:.08em;margin-bottom:26px}.hero-message{font-family:'Zen Kaku Gothic New',sans-serif;font-size:clamp(32px,3.85vw,56px);line-height:1.55;font-weight:700;letter-spacing:.025em;white-space:nowrap}.hero-message span{position:relative;display:inline-block}.hero-message span::after{content:'';position:absolute;z-index:-1;left:0;right:-8px;bottom:3px;height:10px;background:var(--aqua);border-radius:50% 10% 70% 30%}.hero-description{margin:24px 0 28px;font-size:15px;line-height:2.25}.start-link{display:inline-flex;align-items:center;gap:25px;text-decoration:none;color:white;background:var(--blue);padding:12px 13px 12px 27px;border-radius:999px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s}.start-link span{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#ffffff24;font-size:22px}.start-link:hover{transform:translateY(-3px);box-shadow:0 12px 25px #004aad20}.hero-caption{font-size:11px;color:var(--muted);margin-top:15px}.hero-art{margin:0 -30px 0 -10px;will-change:transform}.hero-art img{width:100%;height:auto}.hero-art figcaption{text-align:center;font-size:11px;color:var(--muted);margin-top:12px}
.how-to{max-width:1320px;margin:0 auto;padding:60px 5% 100px;position:relative}.how-to::before{content:'';position:absolute;z-index:-1;left:10%;right:10%;top:40px;bottom:50px;border-radius:47% 53% 54% 46%;background:#f4faf6}.how-heading{text-align:center}.eyebrow{font-size:12px;letter-spacing:.08em;margin-bottom:17px;color:var(--blue)}.how-heading h2{font-size:clamp(28px,3vw,40px);line-height:1.7;letter-spacing:.04em}.how-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:46px;margin-top:30px}.how-flow section{text-align:center}.how-flow img{height:185px;width:100%;object-fit:contain;mix-blend-mode:multiply}.how-flow h3{font-size:24px;margin:18px 0 12px}.how-flow p{font-size:13px;line-height:2}.how-note{text-align:center;margin-top:42px;font-size:13px;line-height:2;color:var(--muted)}
.workspace{position:relative;background:#eaf6f2;padding:85px 4% 95px;border-radius:48% 16% 0 0 / 35px 25px 0 0}.workspace-title{max-width:1600px;margin:0 auto 45px;display:flex;justify-content:space-between;gap:30px;align-items:end}.workspace-title h2{font-size:clamp(32px,3.5vw,49px);letter-spacing:.025em}.workspace-title .eyebrow{margin-bottom:13px}.workspace-title>p{font-size:14px;line-height:2;color:var(--muted)}
.workbar{max-width:1600px;margin:auto;display:flex;justify-content:space-between;gap:20px;align-items:center}.workbar>p{font-size:12px;color:var(--green);min-height:23px}.workbar>p::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:9px}.actions{display:flex;gap:9px;flex-wrap:wrap}.workbar button{background:white;box-shadow:0 4px 15px #195c4306;font-size:13px;padding:12px 20px}.workbar button:hover{background:#d6eee4}.workbar button.primary{background:var(--blue);color:white;padding-inline:25px}.save-help{max-width:1600px;margin:15px auto 0;font-size:12px}.save-help summary{cursor:pointer;min-height:32px;color:var(--muted);list-style:none}.save-help summary::after{content:' ＋';color:var(--green);font-size:16px}.save-help[open] summary::after{content:' −'}.save-help summary::-webkit-details-marker{display:none}.save-help-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;background:white;border-radius:24px;padding:26px;margin-top:10px}.save-help-grid h3{font-size:16px}.save-help-grid p{margin-top:12px;line-height:2}.storage-note{max-width:1600px;margin:0 auto;font-size:11px;color:var(--muted);line-height:1.9}
.basics{max-width:1600px;margin:20px auto 0;font-size:13px}.basics summary{cursor:pointer;display:inline-flex;align-items:center;gap:12px;list-style:none;padding:9px 0;min-height:44px;font-weight:500}.basics summary::-webkit-details-marker{display:none}.basics summary::before{content:'＋';display:inline-grid;place-items:center;width:28px;height:28px;background:white;border-radius:50%;font-size:18px}.basics[open] summary::before{content:'−'}.basics summary span{font-size:11px;font-weight:400;color:var(--muted)}#basics-form{max-width:800px;padding:20px 0 10px;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}#basics-form label[for=company]{grid-column:1;grid-row:1}#basics-form #company{grid-column:1;grid-row:2}#basics-form label[for=date]{grid-column:2;grid-row:1}#basics-form #date{grid-column:2;grid-row:2}#basics-form label[for=existingVision],#basics-form #existingVision,#basics-form .hint{grid-column:1/-1}
.journey-control{max-width:1600px;margin:30px auto 34px;display:flex;gap:25px;align-items:center}.journey-control>div{display:flex;align-items:center;gap:14px}#journey-phase{font-size:15px;font-weight:700}#journey-position{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}#open-journey{background:white;font-size:13px;padding:9px 17px;display:flex;align-items:center;gap:20px}#open-journey span{font-size:18px}.preview-jump{display:none}
.workspace-grid{max-width:1600px;margin:auto;display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.65fr);gap:65px;align-items:start}.editor{min-width:0;padding:12px 0 0;scroll-margin-top:32px}.guide-number{font-size:11px;color:var(--muted);letter-spacing:.08em;display:block;margin-bottom:8px}#guide-panel h2{font-size:16px;font-weight:500}.question{font-family:'Zen Kaku Gothic New',sans-serif;font-size:clamp(25px,2.1vw,31px);line-height:1.65;font-weight:700;letter-spacing:.02em;margin:23px 0 18px;text-wrap:pretty;white-space:pre-line}.guide-copy{font-size:13px;line-height:2;color:var(--muted);margin-bottom:28px}label{font-size:12px;font-weight:500;display:block;margin:20px 0 10px}label span{font-weight:400;font-size:11px}input,textarea{width:100%;display:block;border:0;border-radius:16px;background:white;padding:16px 20px;font-size:17px;line-height:1.9;box-shadow:0 5px 20px #195c4304}textarea,.resize-none{resize:none;min-height:150px;overflow:auto}textarea::placeholder{color:#80968a;font-size:15px;font-weight:400}input:focus,textarea:focus{box-shadow:0 8px 30px #195c4310}.hint{font-size:11px;color:var(--muted);margin:10px 0;line-height:1.9}.field-capacity{font-variant-numeric:tabular-nums}.capacity-warning{color:var(--danger);font-weight:500}textarea[aria-invalid=true]{outline:2px solid var(--danger);outline-offset:2px}.notes{margin-top:23px}.notes summary{font-size:13px;cursor:pointer;list-style:none;min-height:44px;display:flex;align-items:center;gap:12px}.notes summary::before{content:'＋';font-size:20px;font-weight:400}.notes[open] summary::before{content:'−'}.notes summary::-webkit-details-marker{display:none}.step-actions{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-top:25px}.step-actions #previous{background:transparent;padding:8px 4px;font-size:13px;color:var(--muted)}.step-actions #step-position{font-size:11px;color:var(--muted)}.step-actions #next{background:var(--blue);color:white;display:flex;align-items:center;gap:20px;padding:10px 12px 10px 23px}.step-actions #next span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#ffffff25;font-size:21px}
.preview{position:sticky;top:25px;min-width:0}.preview-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:4px}.preview-heading h2{font-size:19px;font-weight:500}.preview-heading span{font-size:11px;color:var(--muted)}.preview>.hint{margin-bottom:20px;font-size:11px}.canvas{position:relative;aspect-ratio:1492/1054;background:white;container-type:inline-size;box-shadow:0 22px 45px #195c4310;border-radius:5px;scroll-margin-top:25px}.canvas>img{width:100%;height:100%;display:block}.canvas-field{position:absolute;display:block;white-space:pre-wrap;overflow:hidden;overflow-wrap:anywhere;word-break:normal;line-break:strict;font-size:1.05cqw;line-height:1.15;font-weight:500;letter-spacing:0;min-height:0;border:0;border-radius:3px;padding:0;text-align:left;background:transparent;transition:background .2s,box-shadow .2s;color:var(--ink)}.canvas-field:hover{transform:none;background:#eef7f2bc;box-shadow:0 0 0 1px var(--green)}.canvas-field.selected{background:#9de4de35;box-shadow:0 0 0 2px #004aad55}.canvas-field.empty{font-size:1cqw;color:var(--muted)}.canvas-field.overflow{box-shadow:0 0 0 2px var(--danger)}.canvas-field.overflow::after{content:'枠を超えています';position:absolute;bottom:0;right:0;background:white;font-size:.9cqw;color:var(--danger)}.canvas-meta{position:absolute;top:3.3%;font-size:1cqw;white-space:nowrap;overflow:hidden;line-height:1.5}#canvas-company{left:65%;width:16%}#canvas-date{left:88%;width:9.5%}.preview-foot{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:26px;font-size:12px;color:var(--muted);line-height:1.95}.preview-foot strong{font-weight:500;color:var(--green)}.preview-foot p{max-width:520px}.preview-foot a{min-width:145px;font-size:12px}.text-measure{position:fixed;left:-20000px;top:0;visibility:hidden;pointer-events:none;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;line-break:strict;line-height:1.15;letter-spacing:0;padding:0;border:0;font-weight:500;overflow:hidden;contain:layout style}
#journey-dialog{width:min(900px,calc(100vw - 32px));max-height:85vh;padding:35px}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.dialog-heading button{width:44px;height:44px;border-radius:50%;padding:0;background:var(--pale);font-size:26px;font-weight:400}#section-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:28px}.phase-group h3{font-size:13px;color:var(--muted);font-weight:500;margin:0 0 15px}.phase-items{display:flex;flex-direction:column;gap:8px}.phase-items button{text-align:left;background:transparent;padding:10px 0;border-radius:0;font-size:13px;display:flex;align-items:center;gap:10px}.phase-items button::before{content:'';width:7px;height:7px;flex-shrink:0;border-radius:50%;background:transparent}.phase-items button[aria-current=step]{font-weight:700;color:var(--blue)}.phase-items button[aria-current=step]::before{background:var(--blue)}.phase-items button:hover{color:var(--blue);transform:translateX(3px);background:transparent}.phase-items button.filled::after{content:'✓';font-size:11px;margin-left:auto;color:var(--green)}
.about-tool{max-width:1200px;margin:auto;padding:95px 5% 65px;display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:65px}.consult-art img{width:100%;height:auto}.consult-copy .eyebrow{font-size:12px}.consult-copy h2{font-size:34px;line-height:1.7}.consult-copy>p:not(.eyebrow){font-size:14px;line-height:2.2;margin-top:24px}.consult-link{display:inline-flex;align-items:center;gap:25px;font-size:14px;margin-top:27px;text-decoration:none}.consult-link span{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:var(--green);color:white;font-size:24px;transition:transform .2s}.consult-link:hover span{transform:rotate(45deg)}.prototype-note{text-align:center;font-size:11px;color:var(--muted);padding:0 24px 35px}.site-footer{display:flex;align-items:center;gap:28px;background:var(--pale);padding:35px 5%}.site-footer img{width:160px;height:auto}.site-footer p{font-size:12px}.site-footer small{font-size:10px;margin-left:auto}
.notice{max-width:1600px;margin:18px auto;background:#fff7df;border-radius:16px;padding:18px;font-size:13px}.notice.error{background:#fff2ee;color:var(--danger)}dialog{color:var(--ink);border:0;border-radius:26px;padding:32px;width:min(560px,calc(100vw - 32px));box-shadow:0 30px 90px #173d3026}dialog::backdrop{background:#14382c66;backdrop-filter:blur(5px)}dialog h2{font-size:26px}dialog p{font-size:14px;line-height:1.95;margin:18px 0}dialog .actions{justify-content:flex-end;margin-top:25px}#print-overflow button{margin:4px;background:white;color:var(--danger)}.print-details{display:none}
@media(max-width:1100px){.hero-message{white-space:normal}.app-header nav{gap:20px}.intro{padding-top:30px}.how-flow{gap:24px}.workspace-grid{grid-template-columns:330px minmax(0,1fr);gap:30px}.workspace-title h2{font-size:40px}.preview-foot{display:block}.preview-foot a{display:inline-block;margin-top:12px}.workbar{align-items:flex-start;flex-direction:column}.question{font-size:27px}.about-tool{gap:35px}.consult-copy h2{font-size:29px}}
@media(max-width:760px){.app-header{height:82px;padding:18px 6%;gap:12px}.app-header img{width:145px}.app-header nav{gap:0}.app-header nav>a:not(.header-consult){display:none}.header-consult{font-size:11px}.header-consult span{width:26px;height:26px;margin-left:4px}.intro{display:flex;flex-direction:column;align-items:stretch;padding:30px 7% 50px}.hero-copy h1{font-size:11px;margin-bottom:18px}.hero-message{font-size:clamp(29px,7.5vw,45px);letter-spacing:.01em}.hero-description{font-size:13px;margin:20px 0;line-height:2.1}.start-link{font-size:13px;gap:20px;padding:10px 10px 10px 22px}.start-link span{width:37px;height:37px}.hero-caption{font-size:10px}.hero-art{margin:15px -4% 0}.hero-art img{max-height:255px;object-fit:contain}.hero-art figcaption{font-size:10px}.how-to{padding:30px 7% 65px}.how-to::before{left:3%;right:3%;top:60px;bottom:50px;border-radius:40% 60% 40% 60%}.how-heading h2{font-size:28px}.how-flow{display:flex;flex-direction:column;gap:28px;margin-top:28px}.how-flow section{display:grid;grid-template-columns:115px 1fr;column-gap:15px;text-align:left;align-items:center}.how-flow img{height:130px;grid-row:1/3}.how-flow h3{font-size:20px;align-self:end;margin:0 0 7px}.how-flow p{font-size:12px;align-self:start;line-height:1.9}.how-note{font-size:12px;margin-top:28px}
.workspace{padding:45px 6% 50px;border-radius:45% 10% 0 0 / 20px 10px 0 0}.workspace-title{display:block;margin-bottom:30px}.workspace-title h2{font-size:34px}.workspace-title>p{font-size:12px;margin-top:17px}.workspace-title>p br{display:none}.workbar{gap:15px}.workbar>p{font-size:11px}.workbar .actions{gap:8px;width:100%}.workbar button{font-size:11px;padding:11px 15px}.workbar button.primary{padding-inline:18px}.save-help summary{font-size:11px}.save-help-grid{grid-template-columns:1fr;gap:22px;padding:22px}.storage-note{font-size:10px}.basics{margin-top:14px}.basics summary{font-size:11px;gap:8px}.basics summary span{display:none}.basics summary::before{width:25px;height:25px;flex-shrink:0}#basics-form{gap:0 12px}.journey-control{gap:12px;flex-wrap:wrap;margin:25px 0 30px;justify-content:space-between}#journey-phase{font-size:13px}#journey-position{font-size:11px}#open-journey{font-size:11px;gap:10px;padding:9px 14px}.preview-jump{display:block;font-size:11px;margin-left:auto}.workspace-grid{display:flex;flex-direction:column;gap:45px}.editor,.preview{width:100%}.editor{padding:0}.question{font-size:clamp(24px,6.7vw,28px);margin:20px 0 17px;line-height:1.65}.guide-copy{font-size:13px;margin-bottom:24px}#guide-panel h2{font-size:14px}label{font-size:12px}textarea{min-height:150px;font-size:18px;padding:18px}textarea::placeholder{font-size:14px}.field-capacity{font-size:10px}.notes summary{font-size:12px}.step-actions{margin-top:20px}.step-actions #next{font-size:13px;padding-left:20px;gap:15px}.preview{position:static}.preview-heading h2{font-size:18px}.preview-heading span{font-size:10px}.preview-foot p{font-size:11px}.preview-foot a{font-size:11px}.canvas{box-shadow:0 12px 25px #195c4312}.preview>.hint{font-size:10px}
#journey-dialog{padding:25px;max-height:85vh}#journey-dialog h2{font-size:25px}#section-nav{grid-template-columns:1fr;gap:22px}.phase-items{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px}.phase-group h3{margin-bottom:5px}.phase-items button{font-size:11px;gap:7px;min-height:44px}.phase-items button.filled::after{margin-left:0}.about-tool{display:flex;flex-direction:column-reverse;gap:28px;align-items:stretch;padding:50px 7% 30px}.consult-copy h2{font-size:28px}.consult-copy>p:not(.eyebrow){font-size:13px}.consult-link{font-size:12px;gap:18px}.consult-art img{max-width:300px;margin:auto}.prototype-note{font-size:10px}.site-footer{flex-wrap:wrap;padding:25px 7%;gap:16px}.site-footer img{width:140px}.site-footer p{font-size:10px}.site-footer small{margin:0;width:100%}.notice{font-size:12px}dialog{padding:25px}dialog h2{font-size:24px}dialog p{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-art{transform:none!important}}
@page{size:A3 landscape;margin:10mm}
@media print{:root{font-size:12pt;color:#111;background:white}body{margin:0}body>*:not(main),.intro,.how-to,.workbar,.workspace-title,.save-help,.storage-note,.basics,.journey-control,.notice,.editor,.preview-heading,.preview>.hint,.preview-foot,.about-tool,.prototype-note,dialog,.text-measure{display:none!important}.workspace,.workspace-grid,.preview{display:block!important;background:white;padding:0;margin:0;position:static;max-width:none;width:100%;border:0;border-radius:0}.canvas{width:390mm;height:auto;border:0;margin:auto;box-shadow:none;break-after:page;page-break-after:always}.canvas-field{box-shadow:none!important;outline:0!important;background:none!important;color:#111!important;print-color-adjust:exact;-webkit-print-color-adjust:exact;transform:none!important}.canvas-field.empty{color:transparent!important}.canvas-field.overflow::after{font-size:.7cqw}.print-details{display:block;padding-top:6mm}.print-details h2{font-size:20pt;margin-bottom:6mm}.print-details h3{margin-top:6mm;break-after:avoid}.print-details p{white-space:pre-wrap;overflow-wrap:anywhere;margin:2mm 0 5mm}.print-details .detail-label{font-weight:700;break-after:avoid;margin-bottom:0}.print-details .detail-note{font-size:10pt;color:#444}.print-details section{border-bottom:1px solid #ddd;padding-bottom:3mm}.print-details footer{margin-top:8mm;font-size:10pt}}
#open-tools{background:white;padding:11px 18px;display:flex;align-items:center;gap:22px}#open-tools span{font-size:22px}.workbar{margin-bottom:8px}#tools-dialog{width:min(760px,calc(100vw - 32px));max-height:88vh}#tools-dialog .actions{justify-content:flex-start;margin:25px 0}#tools-dialog .save-help{margin-top:20px}#tools-dialog .save-help-grid{padding:5px 0;background:transparent;gap:25px}#tools-dialog .save-help-grid h3{font-size:15px}#tools-dialog .save-help-grid p{font-size:12px}.dialog-heading h2{flex:1}.workspace>.basics{margin-top:16px}.journey-control{margin-top:24px}
@media(max-width:760px){.workbar{flex-direction:row;align-items:center;gap:10px}.workbar>p{max-width:60%;font-size:10px}.workbar #open-tools{font-size:11px;padding:8px 14px;gap:12px}.workspace-title{margin-bottom:25px}.workspace-title h2{font-size:32px}.storage-note{font-size:10px}.journey-control{margin-bottom:25px}#tools-dialog .save-help-grid{grid-template-columns:1fr}#tools-dialog h2{font-size:23px}}
/* アトリエ：言葉と絵を一つの風景として組む。印刷キャンバスの寸法は変更しない。 */
@media screen {
.intro{max-width:1600px;min-height:800px;height:calc(100svh - 106px);max-height:1040px;position:relative;display:block;padding:30px 6% 0;isolation:isolate;overflow:hidden}
.intro::before{content:'';position:absolute;width:64%;height:65%;left:20%;top:22%;background:#eef8f3;border-radius:48% 52% 35% 65% / 60% 30% 70% 40%;z-index:-2;transform:rotate(-8deg)}
.hero-copy{position:relative;z-index:2;pointer-events:none}.hero-copy h1{font-size:12px;letter-spacing:.18em;margin:0 0 24px}.hero-message{font-size:clamp(50px,6.7vw,105px);letter-spacing:-.035em;line-height:1.25;white-space:normal}.hero-message span{display:block;margin-left:13%;white-space:nowrap}.hero-message span::after{display:none}
.hero-art{position:absolute;left:15%;top:19%;width:66%;margin:0;z-index:-1}.hero-art img{width:100%;mix-blend-mode:multiply}.hero-invitation{position:absolute;right:6%;bottom:120px;z-index:3}.hero-description{font-size:14px;line-height:2.3;margin:0 0 22px}.hero-caption{font-size:11px}.start-link{padding:12px 12px 12px 24px;box-shadow:0 10px 30px #004aad16}.scene-word{position:absolute;left:7%;top:48%;font-family:'Zen Kaku Gothic New',sans-serif;font-size:19px;font-weight:500;line-height:1.8;transform:rotate(-7deg);color:var(--green)}
.hero-bottom{position:absolute;bottom:26px;left:6%;right:6%;display:flex;align-items:end;justify-content:space-between;font-size:11px;line-height:1.9;color:var(--muted)}.hero-bottom a{display:flex;align-items:center;gap:20px;text-decoration:none;color:var(--green)}.hero-bottom span{font-size:25px}
.how-to{max-width:none;margin:60px 0 0;padding:80px max(6%,calc((100vw - 1380px)/2)) 110px;background:var(--green);color:white;border-radius:52% 48% 0 0 / 55px 55px 0 0}.how-to::before{display:none}.how-heading .eyebrow{color:#b5ded1}.how-heading h2{font-size:clamp(30px,3.5vw,48px);line-height:1.65}.how-flow{gap:55px;margin-top:55px}.how-flow section{text-align:left;position:relative}.how-flow img{height:215px;object-fit:contain;mix-blend-mode:normal;background:white;border-radius:55% 45% 48% 52% / 55% 58% 42% 45%;padding:15px;transition:transform .4s}.how-flow section:nth-child(2){padding-top:45px}.how-flow section:nth-child(3){padding-top:90px}.how-flow h3{font-size:26px;margin:25px 0 12px}.how-flow p{color:#e0eee7;font-size:14px}.how-flow button{color:white;background:transparent;font-size:12px;padding:12px 0;margin-top:8px;display:flex;align-items:center;gap:26px}.how-flow button span{display:grid;place-items:center;width:32px;height:32px;background:#ffffff1c;border-radius:50%;font-size:18px}.how-flow section:focus-within img,.how-flow section:hover img{transform:translateY(-7px) rotate(-2deg)}.how-note{color:#c7e3d6;margin:60px auto 0;font-size:13px}
.workspace{border-radius:0;background:#eaf6f2;padding-top:85px}.workspace-title h2{font-size:clamp(35px,4.2vw,60px);line-height:1.4}.workspace-title{margin-bottom:40px}.workspace-grid{gap:5vw;grid-template-columns:minmax(320px,.85fr) minmax(0,1.5fr)}.question{font-size:clamp(27px,2.5vw,36px);line-height:1.65}.editor textarea{border-radius:8px 24px 24px 24px;min-height:165px;padding:22px;font-size:18px}.preview-heading{align-items:center;margin-bottom:12px}.preview-heading>div{display:flex;flex-direction:column;gap:6px}.preview-heading h2{font-size:18px}.preview-heading button{font-size:11px;background:transparent;font-weight:500;padding:9px 0 9px 15px;white-space:nowrap}.canvas{box-shadow:0 25px 45px #195c4319}.workspace.canvas-wide .workspace-grid{grid-template-columns:1fr;max-width:1250px}.workspace.canvas-wide .editor{display:none}.workspace.canvas-wide .preview{position:static}.workspace.canvas-wide .preview-foot{max-width:100%;}.workspace.canvas-wide .canvas{max-width:1250px;margin:auto}
.about-tool{padding-top:115px;padding-bottom:85px}.consult-copy h2{font-size:clamp(30px,3.2vw,44px)}
@media(min-width:761px) and (max-width:1100px){.intro{min-height:720px;height:800px}.hero-message{font-size:7vw}.hero-art{left:8%;top:25%;width:77%}.hero-invitation{right:5%;bottom:90px}.scene-word{top:44%;font-size:16px;left:5%}.how-flow{gap:25px}.how-flow img{height:170px}.workspace-grid{gap:25px;grid-template-columns:310px minmax(0,1fr)}.question{font-size:27px}}
@media(max-width:760px){.intro{height:auto;min-height:0;max-height:none;padding:25px 7% 35px;overflow:hidden}.intro::before{width:95%;height:300px;left:3%;top:125px}.hero-copy h1{font-size:10px;margin-bottom:20px;letter-spacing:.1em}.hero-message{font-size:clamp(35px,8.5vw,63px);line-height:1.4;letter-spacing:-.04em}.hero-message span{margin-left:0;white-space:nowrap}.hero-art{position:relative;left:auto;top:auto;width:125%;margin:-8px -13% -5px;z-index:-1}.hero-art img{max-height:none;height:auto;object-fit:contain}.scene-word{display:none}.hero-invitation{position:static;margin:0}.hero-description{font-size:13px;margin:0 0 20px;line-height:2.1}.hero-caption{font-size:10px}.hero-bottom{position:static;margin-top:25px;justify-content:flex-end}.hero-bottom>p{display:none}.hero-bottom a{font-size:11px}.how-to{margin-top:15px;padding:60px 7% 60px;border-radius:50% 50% 0 0 / 22px 22px 0 0}.how-heading h2{font-size:27px}.how-flow{display:flex;gap:32px;margin-top:35px}.how-flow section,.how-flow section:nth-child(2),.how-flow section:nth-child(3){padding:0;display:grid;grid-template-columns:115px 1fr;column-gap:20px;text-align:left}.how-flow img{height:125px;width:115px;padding:8px;grid-row:1/4;align-self:center}.how-flow h3{font-size:22px;margin:0 0 7px}.how-flow p{font-size:11px;line-height:1.85}.how-flow button{margin:4px 0 0;padding:0;font-size:11px;min-height:44px;gap:12px;justify-content:start;grid-column:2}.how-flow button span{width:25px;height:25px;font-size:15px}.how-note{font-size:11px;margin-top:35px}.workspace{padding-top:45px}.workspace-title h2{font-size:34px}.workspace-grid{display:flex;gap:40px}.question{font-size:clamp(24px,6.7vw,28px)}.editor textarea{padding:18px}.preview-heading h2{font-size:16px}.preview-heading button{font-size:10px}.workspace.canvas-wide .workspace-grid{display:block}.about-tool{padding:65px 7% 30px}}
}
@media screen and (min-width:1101px){.hero-art{top:30%;left:15%;width:60%}}
@media screen and (min-width:761px) and (max-width:1100px){.hero-art{top:29%;width:70%;left:10%}}
@media screen and (prefers-reduced-motion:no-preference){
.hero-copy{animation:atelier-arrive .8s cubic-bezier(.16,1,.3,1) both}.hero-invitation{animation:atelier-arrive .9s .12s cubic-bezier(.16,1,.3,1) both}
@keyframes atelier-arrive{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
}