/* Hallmark · macrostructure: Split Studio · theme: Midnight · genre: atmospheric · nav: N1 two destinations · footer: Ft5 */
@import url('tokens.css');
*{box-sizing:border-box}html,body{margin:0;overflow-x:clip}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.65;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:var(--color-transparent)}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button,figure,h1,h2,h3,p{margin:0}button{border:0}img{display:block;max-width:100%;height:auto}svg{width:24px;height:24px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3{font-family:var(--font-display);font-style:normal;overflow-wrap:anywhere;min-width:0}h1{font-size:var(--text-display);font-weight:800;line-height:1.22;letter-spacing:-.055em}h2{font-size:var(--text-heading);line-height:1.4;font-weight:700;letter-spacing:-.035em}button:disabled{opacity:.5;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:5px}::selection{color:var(--color-accent-ink);background:var(--color-accent)}[hidden]{display:none!important}.shell{width:min(100%,1512px);padding-inline:var(--page-gutter);margin-inline:auto}.skip-link{position:fixed;left:1rem;top:1rem;z-index:var(--z-modal);padding:var(--space-sm) var(--space-md);background:var(--color-accent);color:var(--color-accent-ink);transform:translateY(-180%)}.skip-link:focus{transform:none}.site-header{display:flex;align-items:center;justify-content:space-between;min-height:104px;gap:var(--space-lg)}.brand{display:inline-flex;align-items:center;gap:var(--space-sm);white-space:nowrap;min-height:44px}.brand-mark{width:36px;height:36px;color:var(--color-accent);fill:currentColor;stroke:none}.brand-name{font-size:26px;font-weight:800;letter-spacing:-.06em;line-height:1}.brand-caption{display:inline-block;font-size:12px;letter-spacing:.03em;font-weight:400;margin-left:14px;padding-left:14px;border-left:1px solid var(--color-rule);vertical-align:middle;color:var(--color-muted);line-height:1.3}.header-actions{display:flex;align-items:center;gap:var(--space-xl)}.quiet-link{font-size:var(--text-sm);color:var(--color-muted);display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-lg);min-height:56px;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-pill);white-space:nowrap;font-size:var(--text-sm);font-weight:600;transition:transform var(--dur-micro) var(--ease-out);line-height:1.4}.button svg{width:20px;height:20px;transition:transform var(--dur-short) var(--ease-out)}.button-primary{background:var(--color-accent);color:var(--color-accent-ink)}.button-primary:focus-visible{outline-color:var(--color-ink);outline-offset:6px}.button-outline{border:var(--rule-hair) solid var(--color-field-rule);background:var(--color-transparent);color:var(--color-ink)}.button-small{min-height:44px;padding:var(--space-xs) 20px}.button-arrow{display:grid;place-items:center;margin-left:var(--space-xs)}.button:active,.icon-button:active{transform:translateY(1px)}.text-action{display:inline-flex;align-items:center;gap:var(--space-xs);min-height:48px;white-space:nowrap;font-size:var(--text-sm)}.text-action svg{width:18px;height:18px;transition:transform var(--dur-short) var(--ease-out)}.hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:var(--space-2xl);padding-block:48px 56px}.hero-copy{padding-bottom:var(--space-xl)}.headline-accent{color:var(--color-accent)}.hero-description{font-size:var(--text-base);line-height:1.95;color:var(--color-muted);margin-top:var(--space-xl)}.hero-actions{display:flex;align-items:center;gap:var(--space-xl);margin-top:var(--space-2xl)}.hero-footnote{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-xs);color:var(--color-soft);margin-top:var(--space-3xl)}.small-cross{color:var(--color-accent);font-size:21px;font-weight:300}.hero-art{min-width:0;padding-top:var(--space-xs)}.hero-image-wrap{position:relative;overflow:clip;border-radius:var(--radius-lg);aspect-ratio:1.22;background:var(--color-paper-2)}.hero-image-wrap>img{width:100%;height:100%;object-fit:cover;object-position:61% center}.art-label{position:absolute;top:var(--space-lg);left:var(--space-lg);color:var(--color-on-photo);font-size:var(--text-sm);letter-spacing:.15em}.icon-button{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--color-paper-3);color:var(--color-ink);transition:transform var(--dur-micro) var(--ease-out)}.art-expand{position:absolute;top:var(--space-md);right:var(--space-md);background:var(--color-photo-label);color:var(--color-on-photo)}.art-expand svg{width:19px;height:19px}.art-caption{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding-top:var(--space-md);font-size:var(--text-xs);color:var(--color-muted)}.art-caption>span:first-child{display:flex;gap:var(--space-sm);align-items:center}.art-caption strong{color:var(--color-ink);font-size:var(--text-sm);font-weight:500}.latin{font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:.1em}.art-kind{display:inline-flex;align-items:center;gap:var(--space-xs)}.art-kind svg{width:16px;height:16px}.tools-strip{display:flex;align-items:center;gap:var(--space-xl);padding-block:24px 28px;position:relative}.tools-strip:before,.tools-strip:after{content:'';position:absolute;left:var(--page-gutter);right:var(--page-gutter);height:var(--rule-hair);background:var(--color-rule)}.tools-strip:before{top:0}.tools-strip:after{bottom:0}.strip-label{font-size:var(--text-sm);color:var(--color-soft);min-width:128px;line-height:1.7}.tool-buttons{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-md);width:100%}.tool-button{background:var(--color-transparent);color:var(--color-ink-2);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-xs);min-height:56px;white-space:nowrap;font-size:var(--text-sm);border-radius:var(--radius-md)}.tool-button svg{width:23px;height:23px;color:var(--color-muted)}.creations{padding-block:var(--space-5xl) var(--space-4xl)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:var(--space-xl);margin-bottom:var(--space-2xl)}.section-heading p{color:var(--color-muted);font-size:var(--text-sm);margin-top:var(--space-sm)}.section-note{color:var(--color-soft);font-size:var(--text-xs);padding-bottom:var(--space-2xs)}.mobile-break{display:none}.creation-grid{display:grid;grid-template-columns:minmax(0,1.7fr) repeat(2,minmax(0,1fr));gap:var(--space-lg)}.creation{display:block;padding:0;background:var(--color-transparent);text-align:left;min-width:0;border-radius:var(--radius-md)}.creation-image{position:relative;overflow:clip;border-radius:var(--radius-md);height:360px;background:var(--color-paper-2)}.creation-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-long) var(--ease-out)}.creation-wide .creation-image img{object-position:60% center}.image-tag{position:absolute;top:var(--space-md);left:var(--space-md);font-size:var(--text-xs);padding:5px 10px;color:var(--color-on-photo);background:var(--color-photo-label);border-radius:var(--radius-pill)}.image-tag-dark{background:var(--color-photo-light);color:var(--color-accent-ink)}.creation-open{position:absolute;bottom:var(--space-md);right:var(--space-md);width:40px;height:40px;display:grid;place-items:center;border-radius:50%;font-size:24px;line-height:1;color:var(--color-on-photo);background:var(--color-photo-label)}.creation-caption{display:flex;flex-direction:column;gap:var(--space-xs);margin-top:var(--space-lg)}.creation-caption strong{font-size:var(--text-base);font-weight:500}.creation-caption>span{color:var(--color-soft);font-size:var(--text-xs)}.studio-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-5xl);padding-block:var(--space-3xl) var(--space-5xl);align-items:center}.studio-composition{padding:var(--space-2xl);background:var(--color-paper-2);border-radius:var(--radius-lg)}.idea-note{padding:var(--space-xl) 0 var(--space-sm)}.note-top{font-size:var(--text-sm);color:var(--color-muted);display:flex;align-items:center;gap:var(--space-xs)}.note-top svg{width:18px;height:18px;color:var(--color-accent)}.idea-note p{font-size:26px;line-height:1.6;margin-top:var(--space-lg);font-weight:500}.idea-note>span:last-child{font-size:var(--text-xs);color:var(--color-soft);display:block;margin-top:var(--space-lg)}.workflow-track{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-xs);color:var(--color-muted);margin-block:var(--space-xl)}.workflow-track i{height:1px;flex:1;background:var(--color-rule)}.workflow-end{color:var(--color-accent)}.result-note{display:flex;align-items:center;gap:var(--space-md);padding-block:var(--space-lg) var(--space-xs)}.result-note img{width:48px;height:62px;object-fit:cover;border-radius:var(--radius-sm)}.result-note strong{display:block;font-size:var(--text-sm);font-weight:500}.result-note small{display:block;font-size:var(--text-xs);color:var(--color-muted);margin-top:var(--space-2xs)}.result-note svg{margin-left:auto;width:20px;height:20px;color:var(--color-accent)}.studio-copy p{color:var(--color-muted);font-size:var(--text-base);margin-top:var(--space-lg);line-height:1.9}.studio-copy .text-action{margin-top:var(--space-xl);color:var(--color-accent)}.site-footer{padding-bottom:var(--space-xl)}.footer-statement{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xl);padding-block:var(--space-3xl);border-top:1px solid var(--color-rule)}.footer-statement p{font-size:clamp(1.65rem,3.3vw,3rem);font-family:var(--font-display);font-weight:600;letter-spacing:-.04em}.footer-statement p span{color:var(--color-muted)}.footer-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-lg);color:var(--color-muted);font-size:var(--text-xs);border-top:var(--rule-hair) solid var(--color-rule);padding-top:var(--space-lg)}.footer-meta>span:first-child{font-weight:600;color:var(--color-ink-2)}.local-label{font-size:var(--text-xs);color:var(--color-soft)}.footer-meta .quiet-link{margin-left:auto;font-size:var(--text-xs)}.footer-year{color:var(--color-soft)}
dialog{position:fixed;inset:0;margin:auto;height:fit-content;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);overflow:auto;border:1px solid var(--color-rule);background:var(--color-paper-2);color:var(--color-ink);border-radius:var(--radius-lg);padding:0}dialog::backdrop{background:var(--color-scrim)}dialog[open]{animation:dialog-in var(--dur-short) var(--ease-out)}.dialog-close{position:absolute;right:var(--space-md);top:var(--space-md);z-index:var(--z-raised)}.dialog-close svg{width:20px;height:20px}.art-dialog{width:min(1024px,calc(100% - 40px))}.art-dialog[open]{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}.dialog-image{height:560px;background:var(--color-paper)}.dialog-image img{width:100%;height:100%;object-fit:cover;object-position:60% center}.dialog-copy{padding:var(--space-3xl) var(--space-xl) var(--space-xl);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.dialog-kicker{font-size:var(--text-sm);color:var(--color-accent)}.dialog-copy h2,.tool-dialog h2{margin-top:var(--space-md)}.dialog-copy p,.tool-dialog>p{font-size:var(--text-base);color:var(--color-muted);line-height:1.9;margin-block:var(--space-lg) var(--space-2xl)}.dialog-copy small,.tool-dialog>small{display:block;color:var(--color-muted);font-size:var(--text-xs);margin-top:var(--space-lg)}.tool-dialog{width:min(480px,calc(100% - 40px));padding:var(--space-3xl) var(--space-xl) var(--space-xl)}.tool-flow{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);font-size:var(--text-sm);padding-block:var(--space-lg);margin-bottom:var(--space-xl);border-block:1px solid var(--color-rule)}.tool-flow svg{width:20px;height:20px;color:var(--color-accent)}
@keyframes dialog-in{from{opacity:0}to{opacity:1}}
@media(hover:hover) and (pointer:fine){.quiet-link:hover,.text-action:hover{color:var(--color-ink)}.button:hover svg,.text-action:hover svg{transform:translateX(3px)}.button-primary:hover{background:var(--color-ink)}.button-outline:hover{background:var(--color-paper-3)}.tool-button:hover{background:var(--color-paper-2);color:var(--color-accent)}.tool-button:hover svg{color:var(--color-accent)}.creation:hover img{transform:scale(1.025)}.creation:hover .creation-caption strong{color:var(--color-accent)}.icon-button:hover{background:var(--color-rule)}}
@media(min-width:1440px){.hero{padding-block:60px 72px}.hero-image-wrap{aspect-ratio:1.28}}
@media(max-width:1120px){.hero{gap:var(--space-xl)}.hero-actions{gap:var(--space-lg)}.tools-strip{gap:var(--space-lg)}.strip-label{min-width:105px}.tool-buttons{gap:var(--space-xs)}.tool-button{flex-direction:column;gap:var(--space-xs)}.creation-image{height:300px}.studio-section{gap:var(--space-3xl)}.studio-composition{padding:var(--space-xl)}}
@media(max-width:800px){.site-header{min-height:88px}.hero{grid-template-columns:minmax(0,1fr);padding-top:var(--space-xl);gap:var(--space-xl)}.hero-copy{padding-bottom:0}.hero h1{font-size:clamp(3rem,8.4vw,4.7rem)}.hero h1 br{display:none}.hero-description{margin-top:var(--space-lg)}.hero-actions{margin-top:var(--space-xl)}.hero-footnote{margin-top:var(--space-lg)}.hero-image-wrap{aspect-ratio:1.6}.hero-art{margin-top:var(--space-xs)}.tools-strip{align-items:flex-start;flex-direction:column;gap:var(--space-md);padding-block:var(--space-lg)}.strip-label br{display:none}.tool-buttons{grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-xs)}.tool-button{font-size:var(--text-xs)}.creations{padding-block:var(--space-3xl)}.creation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xl) var(--space-md)}.creation-wide{grid-column:1/-1}.creation-wide .creation-image{height:340px}.creation-image{height:330px}.studio-section{gap:var(--space-xl);padding-block:var(--space-2xl) var(--space-3xl)}.studio-composition{padding:var(--space-lg)}.idea-note p{font-size:22px}.result-note small{font-size:var(--text-xs)}.studio-copy p br{display:none}.footer-statement{align-items:flex-start;flex-direction:column;gap:var(--space-lg)}.footer-meta{gap:var(--space-md)}.footer-year{display:none}.art-dialog[open]{grid-template-columns:minmax(0,1fr)}.dialog-image{height:330px}.dialog-copy{padding:var(--space-xl)}.dialog-copy p{margin-block:var(--space-md) var(--space-lg)}}
@media(max-width:480px){.brand-caption{display:none}.brand-name{font-size:24px}.brand-mark{width:32px;height:32px}.site-header{min-height:80px}.header-actions{gap:var(--space-sm)}.explore-link{display:none}.button-small{padding-inline:16px;font-size:var(--text-xs)}.hero{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}.hero h1{font-size:clamp(2.7rem,10.5vw,3.65rem);letter-spacing:-.06em}.hero h1 br{display:block}.hero-description{font-size:var(--text-sm);line-height:1.9}.hero-actions{gap:var(--space-lg)}.hero-actions .button{padding-inline:20px;gap:12px}.hero-actions .text-action{font-size:var(--text-sm);gap:4px}.hero-image-wrap{aspect-ratio:1.18;border-radius:var(--radius-md)}.art-label{left:var(--space-md);top:var(--space-md)}.art-expand{top:var(--space-sm);right:var(--space-sm)}.tool-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xs)}.tool-button{flex-direction:row;font-size:var(--text-xs);gap:8px;min-height:48px}.tool-button svg{width:20px;height:20px}.strip-label{font-size:var(--text-xs)}.section-heading{align-items:flex-start;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.section-heading h2{font-size:26px}.section-note{font-size:var(--text-xs)}.mobile-break{display:block}.creation-wide .creation-image{height:260px}.creation-image{height:220px;border-radius:var(--radius-sm)}.creation-caption strong{font-size:var(--text-sm);line-height:1.6}.creation-caption>span{font-size:var(--text-xs)}.creation-caption{margin-top:var(--space-sm)}.image-tag{left:var(--space-xs);top:var(--space-xs);padding:4px 8px;font-size:var(--text-xs)}.creation-open{width:32px;height:32px;bottom:var(--space-xs);right:var(--space-xs);font-size:20px}.studio-section{grid-template-columns:minmax(0,1fr);gap:var(--space-xl);padding-top:var(--space-xl)}.studio-copy{grid-row:1}.studio-composition{padding:var(--space-lg) var(--space-xl)}.idea-note{padding-top:var(--space-xs)}.idea-note p{font-size:24px}.footer-statement{padding-block:var(--space-xl)}.footer-statement p{max-width:10em;line-height:1.6}.footer-meta{gap:8px 12px}.footer-meta .quiet-link{margin-left:0}.footer-meta .local-label{margin-left:auto}.art-dialog{width:calc(100% - 24px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}.dialog-image{height:280px}.dialog-copy .button{gap:var(--space-sm)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover svg,.text-action:hover svg,.creation:hover img{transform:none}}
.tool-button:active,.creation:active{opacity:.8}
@media(max-width:620px){.site-header .brand-caption{display:none}.header-actions{gap:var(--space-md)}}