:root{--hue:207;--paper:hsl(var(--hue) 24% 96%);--surface:hsl(var(--hue) 22% 99%);--wash:hsl(var(--hue) 25% 92%);--ink:hsl(var(--hue) 29% 17%);--muted:hsl(var(--hue) 15% 36%);--accent:hsl(var(--hue) 33% 29%);--accent-hover:hsl(var(--hue) 34% 22%);--accent-soft:hsl(var(--hue) 25% 87%);--line:hsl(var(--hue) 17% 79%);--control-line:hsl(var(--hue) 12% 49%);--sand:hsl(37 27% 88%);--sage:hsl(155 15% 87%);--white:#fff;--error:#922c39;--shadow:0 16px 48px hsl(var(--hue) 30% 18% / .07);--radius:20px;--card-radius:16px;--space:clamp(1rem,2.4vw,2rem);--section:clamp(3rem,7vw,6rem);--title-size:clamp(2.65rem,6.1vw,5.7rem);--max-width:1180px;--font-body:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:Georgia,"Times New Roman",serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.65 var(--font-body)}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-underline-offset:.23em}button:disabled{cursor:not-allowed;opacity:.6}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.12;overflow-wrap:anywhere}h1,h2{font-family:var(--font-display);font-weight:400;letter-spacing:-.045em}h1{font-size:var(--title-size);max-width:16ch}h2{font-size:clamp(2rem,3.5vw,3.25rem)}h3{font-size:1.22rem;line-height:1.35;letter-spacing:-.025em}small{font-size:.81rem}svg{display:block;max-width:100%}[hidden]{display:none!important}.container{width:min(calc(100% - 2.5rem),var(--max-width));margin-inline:auto}.skip-link{position:fixed;left:1rem;top:-6rem;z-index:20;background:var(--surface);padding:.8rem}.skip-link:focus{top:1rem}.site-header{border-bottom:1px solid var(--line);background:var(--paper)}.header-inner{min-height:100px;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap}.wordmark{display:inline-flex;align-items:center;gap:.8rem;text-decoration:none;line-height:1.2;font-size:.94rem}.wordmark-symbol{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--accent);border-radius:50%;font-size:1.7rem}nav{display:flex;flex-wrap:wrap;align-items:center;gap:1.7rem}nav a{text-decoration:none;font-size:.91rem;min-height:44px;display:inline-flex;align-items:center}nav a:not(.button):hover,nav a[aria-current=page]:not(.button){text-decoration:underline}.button{border:1px solid var(--accent);background:var(--accent);color:var(--white);border-radius:100px;min-height:48px;padding:.7rem 1.35rem;display:inline-flex;gap:1rem;align-items:center;justify-content:center;text-decoration:none;font-weight:600;line-height:1.4;transition:background .18s,transform .18s}.button:hover{background:var(--accent-hover);transform:translateY(-1px)}.button-small{min-height:44px;font-size:.87rem}.button-secondary{background:transparent;color:var(--accent)}.button-secondary:hover{background:var(--accent-soft)}.menu-toggle{display:none;background:none;border:1px solid var(--control-line);border-radius:100px;padding:.5rem 1rem;min-height:44px}#main{min-height:65vh;padding-block:clamp(2.5rem,5vw,4.5rem);animation:reveal .28s ease both}.eyebrow{display:block;color:var(--muted);letter-spacing:.16em;text-transform:uppercase;font-size:.73rem;font-weight:650;margin-bottom:1.2rem}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:center}.hero>*{min-width:0}.hero-copy>p{max-width:43ch;margin-top:1.7rem;color:var(--muted);font-size:clamp(1.05rem,1.5vw,1.18rem)}.hero-art{position:relative;min-height:410px;overflow:hidden;border-radius:44% 44% var(--radius) var(--radius);background:var(--accent-soft);display:flex;align-items:flex-end;padding:2rem;isolation:isolate}.hero-art::before{content:"";width:340px;height:340px;position:absolute;background:var(--sand);border-radius:50%;top:45px;right:-70px;z-index:-2}.hero-art::after{content:"";position:absolute;width:140%;height:70%;left:-20%;bottom:-15%;border-radius:50%;background:var(--accent);transform:rotate(-18deg);z-index:-1}.landscape-line{position:absolute;inset:0;width:100%;height:100%;color:var(--surface);opacity:.65}.art-card{width:min(100%,290px);padding:1.25rem;background:var(--surface);border-radius:var(--card-radius);box-shadow:var(--shadow);transform:rotate(-3deg)}.art-card strong{display:block;font-family:var(--font-display);font-weight:400;font-size:1.75rem;margin:.3rem 0 .6rem}.art-card small{color:var(--muted)}.art-caption{position:absolute;top:2.5rem;left:28%;max-width:14ch;font-size:.8rem;letter-spacing:.13em;text-transform:uppercase}.search-bar{margin-top:2rem;display:flex;gap:.6rem;padding:.5rem;background:var(--surface);border:1px solid var(--control-line);border-radius:100px;box-shadow:var(--shadow)}.search-bar input{border:0;background:transparent;min-width:0;flex:1;padding-inline:1rem;border-radius:100px}.search-bar .button{flex-shrink:0}.principles{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);gap:2rem;margin-top:var(--section);padding-block:1.7rem}.principles p{color:var(--muted);font-size:.9rem}.principles strong{display:block;font-size:.95rem;color:var(--ink);margin-bottom:.3rem}.section{margin-top:var(--section)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:1.5rem;margin-bottom:1.8rem}.section-head a{font-size:.9rem;white-space:nowrap}.page-intro{margin-bottom:2.5rem}.page-intro h1{font-size:clamp(2.6rem,5vw,4.5rem);max-width:20ch}.page-intro p{color:var(--muted);max-width:62ch;margin-top:1rem}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space)}.card{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--card-radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.card-art{min-height:145px;background:var(--wash);padding:1.2rem;position:relative;display:flex;align-items:flex-end;justify-content:space-between;overflow:hidden}.card-art::before{content:"";width:150px;height:150px;border:1px solid currentColor;opacity:.18;border-radius:50%;position:absolute;right:-30px;top:-45px}.card-art.sand{background:var(--sand)}.card-art.sage{background:var(--sage)}.category-symbol{font-family:var(--font-display);font-size:3.3rem;line-height:1;opacity:.7}.label{font-size:.72rem;font-weight:600;border:1px solid var(--line);border-radius:100px;padding:.2rem .65rem;display:inline-block;background:var(--surface)}.card-body{padding:1.3rem;display:flex;flex-direction:column;flex:1;gap:.8rem}.meta{color:var(--muted);font-size:.85rem}.card-body>p{color:var(--muted);font-size:.93rem}.card-footer{margin-top:auto;padding-top:.6rem;display:flex;justify-content:space-between;align-items:center;gap:.8rem}.text-button{background:none;border:0;padding:.5rem 0;text-decoration:underline;text-underline-offset:.25em;text-align:left;font-weight:600;min-height:44px}.favorite{width:44px;height:44px;border:1px solid var(--control-line);background:var(--surface);border-radius:50%;font-size:1.3rem;flex-shrink:0}.favorite[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--white)}.notice{padding:1rem 1.2rem;border-left:3px solid var(--accent);background:var(--wash);color:var(--muted);font-size:.9rem;border-radius:0 8px 8px 0;margin-block:1.5rem}.filters{display:grid;grid-template-columns:1.5fr 1fr auto;align-items:end;gap:1rem;margin-bottom:1rem}.field{display:flex;flex-direction:column;gap:.4rem;min-width:0}.field label{font-size:.9rem;font-weight:600}input,select,textarea{width:100%;min-height:48px;padding:.7rem .85rem;border:1px solid var(--control-line);border-radius:10px;background:var(--surface);min-width:0}textarea{min-height:140px;resize:vertical}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-block:1.4rem}.chip{min-height:44px;border:1px solid var(--control-line);border-radius:100px;background:transparent;padding:.5rem 1rem;font-size:.88rem}.chip:hover{background:var(--wash)}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--white)}.results-line{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;color:var(--muted);font-size:.86rem}.checkbox{display:flex;align-items:center;gap:.65rem;cursor:pointer;font-size:.9rem;min-height:44px}.checkbox input{accent-color:var(--accent);width:20px;height:20px;min-height:20px;flex-shrink:0}.empty{padding:3rem 1.5rem;text-align:center;border:1px dashed var(--line);border-radius:var(--radius);grid-column:1/-1}.empty p{margin-block:.75rem 1rem;color:var(--muted)}.empty .button{margin:.4rem}.create-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:3rem;align-items:start}.create-layout>*{min-width:0}.form-panel{background:var(--surface);border:1px solid var(--line);padding:clamp(1.2rem,3vw,2.2rem);border-radius:var(--radius);display:grid;gap:1.2rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-panel small{color:var(--muted)}.form-error{color:var(--error)}.aside-note{padding:1.8rem;background:var(--sand);border-radius:var(--radius)}.aside-note p{margin-top:1rem}.location-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:2rem}.map-placeholder{display:flex;flex-direction:column;justify-content:center;background:var(--wash);border-radius:var(--radius);padding:2rem}.map-placeholder svg{width:100%;height:auto;color:var(--accent)}.map-placeholder p{margin-top:1rem;color:var(--muted);font-size:.85rem}.city-list{display:grid;gap:.6rem}.city-link{display:flex;gap:1rem;justify-content:space-between;padding:1.2rem;border-bottom:1px solid var(--line);text-decoration:none}.city-link:hover{background:var(--surface)}.city-link strong{display:block;font-size:1.22rem}.city-link small{display:block;color:var(--muted)}.prose{max-width:760px}.prose h2{font-family:var(--font-body);font-size:1.25rem;font-weight:650;letter-spacing:-.02em;margin:2rem 0 .75rem}.prose p+p{margin-top:1rem}.prose p,.prose li{color:var(--muted)}.prose .button{margin-top:1.5rem}.site-footer{border-top:1px solid var(--line);margin-top:2rem;padding-block:2.5rem}.footer-inner{display:flex;flex-wrap:wrap;gap:1.5rem 3rem;align-items:center;justify-content:space-between}.footer-inner>p{font-family:var(--font-display);font-size:1.3rem;max-width:26ch}.footer-inner>small{width:100%;color:var(--muted)}dialog{width:min(580px,calc(100% - 2rem));max-height:85dvh;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);padding:clamp(1.3rem,4vw,2rem);box-shadow:var(--shadow);overflow-y:auto}dialog::backdrop{background:hsl(var(--hue) 30% 12% / .45)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.dialog-close{width:44px;height:44px;border:1px solid var(--control-line);background:transparent;border-radius:50%;font-size:1.3rem;flex-shrink:0}dialog h2{font-size:2.4rem}dialog dl{display:grid;grid-template-columns:1fr 2fr;gap:.7rem;padding-block:1rem}dialog dt{color:var(--muted)}dialog dd{margin:0;overflow-wrap:anywhere}.dialog-actions{display:flex;flex-wrap:wrap;gap:1rem}.user-text{white-space:pre-wrap;overflow-wrap:anywhere}.toast{position:fixed;bottom:1.25rem;left:50%;transform:translateX(-50%);max-width:min(90%,520px);border-radius:12px;background:var(--ink);color:var(--white);padding:.8rem 1.2rem;z-index:30;box-shadow:var(--shadow);pointer-events:none}.toast:empty{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@keyframes reveal{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}::view-transition-old(root),::view-transition-new(root){animation-duration:.18s}
@media(min-width:960px){body[data-layout=editorial] .hero{grid-template-columns:1.4fr .9fr}body[data-layout=editorial] .hero-art{min-height:460px;border-radius:var(--radius)}body[data-layout=editorial] .grid{gap:1.2rem}}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{gap:2rem}.hero-art{min-height:360px;padding:1.3rem}.create-layout{grid-template-columns:1fr;gap:1.5rem}.location-layout{grid-template-columns:1fr}}
@media(max-width:700px){.header-inner{min-height:84px;padding-block:1rem}.menu-toggle{display:inline-block}#navigation{display:none;width:100%;align-items:stretch;gap:.3rem;padding-bottom:.5rem}#navigation.is-open{display:flex;flex-direction:column}#navigation>a{padding:.7rem 1rem}.hero{grid-template-columns:1fr}.hero-art{min-height:290px;border-radius:var(--radius);margin-top:.5rem}.principles{grid-template-columns:1fr;gap:1.3rem}.filters{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column;gap:.8rem}.footer-inner nav{gap:1rem}}
@media(max-width:480px){.grid,.form-row{grid-template-columns:1fr}.search-bar{border-radius:16px;flex-direction:column}.search-bar input{min-height:48px}.card-art{min-height:130px}dialog dl{grid-template-columns:1fr;gap:.3rem}dialog dd{margin-bottom:.65rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}