/* A dedicated invitation between the opening scene and the portfolio. */
#home-page .home-create{--create-accent:#826348;--create-panel:#eeeae1;--create-grid:#8263480e;position:relative;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:center;gap:clamp(44px,7vw,130px);margin:90px auto 120px;padding:clamp(40px,6vw,96px) 0;border-block:1px solid var(--line)}
#home-page .home-create::before,#home-page .home-create::after{content:'';position:absolute;width:7px;height:7px;background:var(--create-accent);left:0;top:-4px}
#home-page .home-create::after{left:auto;top:auto;right:0;bottom:-4px}
html[data-theme="dark"] #home-page .home-create{--create-accent:#d3b393;--create-panel:#202b24;--create-grid:#d3b39309}
.home-create-copy{min-width:0;padding:10px 0}
.home-create-eyebrow{font:500 11px/1.5 var(--sans);letter-spacing:.19em;color:var(--create-accent);margin:0 0 28px}
#home-create-title{font:400 clamp(38px,4.3vw,78px)/1.17 var(--serif);letter-spacing:-.055em;max-width:800px}
#home-create-title>span{display:block}
#home-create-title .home-create-emphasis{color:var(--create-accent)}
.home-create-intro{max-width:490px;color:var(--muted);font:400 16px/1.95 var(--sans);margin:28px 0 34px}
.home-create-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-width:min(100%,315px);min-height:66px;padding:17px 22px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);font:500 16px/1.5 var(--sans);border-radius:2px 18px 2px 2px;transition:transform .25s,background-color .25s,box-shadow .25s;box-shadow:5px 5px 0 -1px var(--paper),5px 5px 0 0 var(--create-accent)}
.home-create-button svg{width:24px;height:24px;flex-shrink:0;transition:transform .25s}
.home-create-button:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 -1px var(--paper),7px 7px 0 0 var(--create-accent)}
.home-create-button:hover svg{transform:translate(3px,-3px)}
.home-create-button:focus-visible{outline:2px solid var(--create-accent);outline-offset:9px}
.home-create-caption{font:400 11px/1.7 var(--sans);color:var(--muted);margin:22px 0 0}
.home-create-guide{position:relative;border:1px solid var(--line);background:var(--create-panel);border-radius:3px 30px 3px 3px;overflow:hidden;min-width:0}
.home-create-drawing{position:relative;color:var(--create-accent);padding:26px 24px 22px;border-bottom:1px solid var(--line);background-image:linear-gradient(var(--create-grid) 1px,transparent 1px),linear-gradient(90deg,var(--create-grid) 1px,transparent 1px);background-size:24px 24px}
.home-create-drawing>svg{display:block;width:100%;max-height:270px}
.home-create-drawing-label,.home-create-drawing-end{display:block;font:400 8px/1.5 var(--sans);letter-spacing:.18em;color:var(--create-accent)}
.home-create-drawing-end{text-align:right;margin-top:2px}
.create-drawing-grid{opacity:.15}
.create-drawing-plan{opacity:.85}
.home-create-steps{list-style:none;padding:10px 28px;margin:0}
.home-create-steps li{display:flex;align-items:flex-start;gap:22px;padding:21px 0;border-bottom:1px solid var(--line)}
.home-create-steps li:last-child{border:0}
.home-create-steps li>span{font:400 11px/1.7 var(--sans);color:var(--create-accent);padding-top:2px}
.home-create-steps h3{font:500 15px/1.5 var(--sans);letter-spacing:-.01em;margin:0;color:var(--ink)}
.home-create-steps p{font:400 12px/1.7 var(--sans);color:var(--muted);margin:4px 0 0}
@media(min-width:1700px){#home-page .home-create{padding-inline:clamp(0px,4vw,80px)}}
@media(max-width:900px){#home-page .home-create{gap:38px;margin-block:60px 80px}#home-create-title{font-size:clamp(35px,4.8vw,50px)}.home-create-intro{font-size:14px}.home-create-button{min-width:min(100%,280px);font-size:14px;gap:20px;min-height:60px}.home-create-steps{padding-inline:22px}.home-create-steps li{gap:16px}.home-create-drawing{padding:22px 18px}.home-create-drawing>svg{max-height:210px}}
@media(max-width:650px){#home-page .home-create{grid-template-columns:1fr;gap:40px;margin:42px auto 70px;padding:36px 0 42px}.home-create-eyebrow{font-size:10px;margin-bottom:21px}#home-create-title{font-size:clamp(36px,8.9vw,52px);line-height:1.2}.home-create-intro{margin:22px 0 28px;max-width:460px;line-height:1.85}.home-create-button{width:calc(100% - 5px);font-size:15px;min-height:62px}.home-create-caption{font-size:10px}.home-create-guide{border-top-right-radius:22px}.home-create-drawing>svg{max-height:235px}.home-create-steps{padding-inline:24px}.home-create-steps h3{font-size:14px}.home-create-steps p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.home-create-button,.home-create-button svg{transition:none}.home-create-button:hover,.home-create-button:hover svg{transform:none}}

.home-planner-invitation{padding:0 24px 18px;border-bottom:1px solid var(--line)}
.home-planner-invitation button{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;min-height:48px;padding:12px 16px;color:var(--ink);background:var(--paper);border:1px solid var(--create-accent);border-radius:3px 12px 3px 3px;font:500 14px/1.5 var(--sans)}
.home-planner-invitation button:hover{color:var(--create-accent)}
.home-planner-invitation button:focus-visible{outline:2px solid var(--create-accent);outline-offset:4px}
.home-planner-invitation>p{color:var(--muted);font:400 11px/1.7 var(--sans);margin:10px 0 0}
.home-planner-invitation [data-planner-status]:empty{display:none}
.home-create-guide .home-create-drawing{border-bottom:0}