.tut-hub{max-width:1168px;margin:0 auto;padding:var(--w-sp-xl) var(--w-sp-lg) var(--w-sp-4xl);color:var(--w-ink)}.tut-hub.tut-hub-top{padding-bottom:0}.page-stage+.tut-hub{padding-top:0}.tut-hub [hidden]{display:none!important}.tut-hub :is(h1,h2,h3,p,ol,ul,dl,dd){margin:0}.tut-hub :is(ol,ul){padding:0;list-style:none}.tut-hub a{text-decoration:none}.tut-hub :is(a,button):focus-visible{outline:2px solid var(--w-primary);outline-offset:3px}.tut-eyebrow{display:flex;align-items:center;gap:var(--w-sp-sm);color:var(--w-primary);font:650 var(--w-fs-sm)/1.4 var(--w-mono);letter-spacing:.08em}.tut-eyebrow>span{width:8px;height:8px;border-radius:50%;background:var(--w-life-deep)}.tut-hub .tut-primary{display:inline-flex;align-items:center;gap:var(--w-sp-sm);min-height:52px;padding:0 var(--w-sp-lg);border-radius:var(--w-r-pill);background:var(--w-action-bg);color:var(--w-action-ink);font-size:var(--w-fs-base);font-weight:700;white-space:nowrap;transition:transform var(--w-dur-fast) var(--w-ease),box-shadow var(--w-dur-fast) var(--w-ease)}.tut-hub .tut-primary:hover{box-shadow:var(--w-sh-2);transform:translateY(-1px)}.tut-hub .tut-primary:active{transform:scale(.98)}.tut-hub .tut-link{display:inline-flex;align-items:center;gap:var(--w-sp-sm);min-height:44px;color:var(--w-primary);font-size:var(--w-fs-base);font-weight:650;transition:color var(--w-dur-fast) var(--w-ease)}.tut-hub .tut-link:hover{color:var(--w-primary-deep)}.tut-section-head{margin-bottom:var(--w-sp-xl)}body.studio-interior .tut-section-head h2{margin-top:var(--w-sp-md);font-size:clamp(25px,2.5vw,38px);font-weight:750;line-height:1.25;letter-spacing:-.03em}.tut-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--w-sp-3xl);align-items:center;padding:var(--w-sp-2xl) 0 var(--w-sp-4xl)}body.studio-interior .tut-hub h1{margin:var(--w-sp-lg) 0;font-size:clamp(32px,4.5vw,58px);font-weight:850;line-height:1.18;letter-spacing:-.04em}.tut-mark{background:linear-gradient(transparent 62%,var(--w-mark) 62%,var(--w-mark) 92%,transparent 92%)}.tut-lead{max-width:540px;color:var(--w-ink2);font-size:var(--w-fs-md);line-height:1.8}.tut-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--w-sp-sm) var(--w-sp-lg);margin-top:var(--w-sp-xl)}.tut-hub .tut-count{margin-top:var(--w-sp-lg);color:var(--w-ink3);font-size:var(--w-fs-sm)}.tut-count b{color:var(--w-ink);font-weight:750}.tut-hero-art{position:relative;padding:var(--w-sp-lg) var(--w-sp-lg) var(--w-sp-xl) 0}.recipe-peek{position:absolute;top:0;right:0;left:var(--w-sp-2xl);bottom:var(--w-sp-base);display:flex;flex-direction:column;justify-content:flex-start;gap:var(--w-sp-xs);padding:var(--w-sp-lg);border:1px solid var(--w-line);border-radius:var(--w-r-lg);background:var(--w-tint-mint);color:var(--w-accent-mint);transform:rotate(4deg);transform-origin:bottom right}.recipe-peek small{font:650 var(--w-fs-sm)/1.4 var(--w-mono);letter-spacing:.08em}.recipe-peek strong{max-width:70%;margin-left:auto;text-align:right;font-size:var(--w-fs-sm);font-weight:650}.tut-hub .recipe-card{position:relative;display:flex;flex-direction:column;gap:var(--w-sp-base);padding:var(--w-sp-xl);border:1px solid var(--w-line);border-radius:var(--w-r-lg);background-color:var(--w-paper);background-image:repeating-linear-gradient(transparent 0 31px,var(--w-line) 31px 32px);background-position:0 18px;box-shadow:var(--w-sh-3);color:var(--w-ink);transform:rotate(-1.5deg);transition:transform var(--w-dur) var(--w-ease),box-shadow var(--w-dur) var(--w-ease)}.tut-hub .recipe-card:hover{transform:rotate(0) translateY(-4px)}.recipe-card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--w-sp-md)}.recipe-card-head small{color:var(--w-primary);font:650 var(--w-fs-sm)/1.4 var(--w-mono);letter-spacing:.1em}.recipe-card-title{padding-bottom:var(--w-sp-base);border-bottom:2px dashed var(--w-line2);background:var(--w-paper);font-size:var(--w-fs-lg);font-weight:750;line-height:1.4;letter-spacing:-.015em}.recipe-card-block{display:grid;grid-template-columns:48px minmax(0,1fr);gap:var(--w-sp-md);align-items:start}.recipe-card-block>small{padding-top:3px;color:var(--w-ink3);font-size:var(--w-fs-sm);font-weight:650}.recipe-ingredients{display:flex;flex-wrap:wrap;gap:6px}.recipe-ingredients span{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:var(--w-r-pill);background:var(--w-tint-blue);color:var(--w-accent-blue);font-size:var(--w-fs-sm);font-weight:650}.recipe-steps{display:grid;gap:4px}.recipe-steps span{display:flex;align-items:baseline;gap:var(--w-sp-sm);background:var(--w-paper);font-size:var(--w-fs-base);line-height:1.6}.recipe-steps i{flex:none;display:grid;place-items:center;width:22px;height:22px;border:1.5px solid var(--w-primary);border-radius:50%;color:var(--w-primary);font:700 var(--w-fs-sm)/1 var(--w-mono);font-style:normal;transform:translateY(3px)}.recipe-serve>span{background:var(--w-paper);color:var(--w-ink2);font-size:var(--w-fs-base);line-height:1.7}.recipe-card-go{display:inline-flex;align-items:center;gap:var(--w-sp-sm);align-self:flex-start;margin-top:var(--w-sp-xs);color:var(--w-primary);font-weight:700}.recipe-scene{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:var(--w-r-pill);background:var(--w-tint-violet);color:var(--w-accent-violet);font-size:var(--w-fs-sm);font-weight:650;white-space:nowrap}.recipe-stamp{position:absolute;right:-8px;bottom:-4px;z-index:2;width:112px;height:112px;overflow:visible;pointer-events:none}.recipe-stamp .stamp-ring{fill:var(--w-paper);stroke:var(--w-life-deep);stroke-width:2;stroke-dasharray:3 5}.recipe-stamp text{fill:var(--w-accent-mint);font:700 10.5px var(--w-mono);letter-spacing:.14em}.recipe-stamp .stamp-check{fill:none;stroke:var(--w-accent-mint);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.tut-guide{padding-top:var(--w-sp-2xl);border-top:1px solid var(--w-line)}.guide-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--w-sp-lg);counter-reset:none}.guide-steps li{position:relative;padding:var(--w-sp-xl) var(--w-sp-lg) var(--w-sp-lg);border:1px solid var(--w-line);border-radius:var(--w-r-md);background:var(--w-paper);box-shadow:var(--w-sh-1);overflow:hidden}.guide-steps li>svg{color:var(--w-primary)}.guide-no{position:absolute;top:-10px;right:14px;color:transparent;font:800 88px/1 var(--w-mono);-webkit-text-stroke:1.5px var(--w-line2);letter-spacing:-.04em}.guide-steps h3{margin-top:var(--w-sp-base);font-size:var(--w-fs-lg);font-weight:750;letter-spacing:-.015em}.guide-steps p{margin-top:var(--w-sp-sm);color:var(--w-ink2);font-size:var(--w-fs-base);line-height:1.75}.tut-compass{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--w-sp-lg);margin-top:var(--w-sp-lg);padding:var(--w-sp-base) var(--w-sp-lg);border:1px dashed var(--w-line2);border-radius:var(--w-r-md)}.tut-compass>p{color:var(--w-ink3);font-size:var(--w-fs-sm);font-weight:650;white-space:nowrap}.tut-compass ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--w-sp-sm)}.compass-item{display:flex;flex-wrap:wrap;align-items:center;gap:4px var(--w-sp-sm);min-height:44px;height:100%;padding:10px 14px;border-radius:var(--w-r-sm);color:var(--w-ink2);font-size:var(--w-fs-sm);line-height:1.5;transition:background-color var(--w-dur-fast) var(--w-ease),color var(--w-dur-fast) var(--w-ease)}.compass-item b{color:var(--w-ink);font-weight:750}.compass-item>span{flex:1 1 140px}a.compass-item:hover{background:var(--w-soft);color:var(--w-ink)}.compass-item.is-current{background:var(--w-soft)}.compass-item.is-current svg{color:var(--w-primary)}.compass-item em{padding:0 8px;border-radius:var(--w-r-pill);background:var(--w-primary);color:var(--w-paper);font-style:normal;font-weight:650}.tut-list{padding-top:var(--w-sp-4xl);scroll-margin-top:calc(var(--w-navbar-h) + var(--w-sp-base))}.tut-list-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--w-sp-lg)}.tut-chips{display:flex;gap:var(--w-sp-sm);overflow-x:auto;margin:-4px;padding:4px;scrollbar-width:none}.tut-chips button{display:inline-flex;flex:none;align-items:center;gap:6px;min-height:40px;padding:0 var(--w-sp-base);border:1px solid var(--w-line);border-radius:var(--w-r-pill);background:var(--w-paper);color:var(--w-ink2);font:650 var(--w-fs-sm)/1 var(--w-font);cursor:pointer;transition:background-color var(--w-dur-fast) var(--w-ease),border-color var(--w-dur-fast) var(--w-ease),color var(--w-dur-fast) var(--w-ease)}.tut-chips button span{color:var(--w-ink3);font-family:var(--w-mono)}.tut-chips button:hover{border-color:var(--w-line3);color:var(--w-ink)}.tut-chips button[aria-pressed=true]{border-color:var(--w-action-bg);background:var(--w-action-bg);color:var(--w-action-ink)}.tut-chips button[aria-pressed=true] span{color:inherit}.recipes{border-top:1.5px solid var(--w-ink)}.recipe{position:relative;display:grid;grid-template-columns:120px minmax(0,1fr) 260px 44px;gap:var(--w-sp-xl);align-items:center;padding:var(--w-sp-xl) var(--w-sp-base);border-bottom:1px solid var(--w-line);transition:background-color var(--w-dur-fast) var(--w-ease)}.recipe:hover,.recipe:has(:focus-visible){background:var(--w-soft)}.recipe-no{color:var(--w-ink);font:750 56px/1 var(--w-mono);letter-spacing:-.05em;font-variant-numeric:tabular-nums}.recipe-no small{display:block;margin-bottom:6px;color:var(--w-ink3);font:650 var(--w-fs-sm)/1 var(--w-mono);letter-spacing:.08em}.recipe-main{display:flex;flex-direction:column;align-items:flex-start;gap:var(--w-sp-sm);min-width:0}.recipe-main h3{font-size:var(--w-fs-lg);font-weight:750;line-height:1.4;letter-spacing:-.015em}.recipe-main h3 a{color:var(--w-ink)}.recipe-main h3 a:after{content:"";position:absolute;inset:0}.recipe-main h3 a:focus-visible{outline:none}.recipe:has(h3 a:focus-visible){outline:2px solid var(--w-primary);outline-offset:-2px}.recipe-main p{display:-webkit-box;overflow:hidden;color:var(--w-ink2);font-size:var(--w-fs-base);line-height:1.75;-webkit-box-orient:vertical;-webkit-line-clamp:3}.recipe-facts{display:grid;gap:6px;padding-left:var(--w-sp-lg);border-left:1px dashed var(--w-line2)}.recipe-facts div{display:grid;grid-template-columns:40px minmax(0,1fr);gap:var(--w-sp-sm);font-size:var(--w-fs-sm);line-height:1.6}.recipe-facts dt{color:var(--w-ink3)}.recipe-facts dd{color:var(--w-ink);font-weight:650}.recipe-go{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--w-line3);border-radius:50%;color:var(--w-ink);transition:background-color var(--w-dur-fast) var(--w-ease),color var(--w-dur-fast) var(--w-ease),transform var(--w-dur-fast) var(--w-ease)}.recipe:hover .recipe-go{border-color:var(--w-action-bg);background:var(--w-action-bg);color:var(--w-action-ink);transform:rotate(45deg)}.tut-empty{display:grid;justify-items:center;gap:var(--w-sp-sm);padding:var(--w-sp-2xl) var(--w-sp-lg);border:1px dashed var(--w-line2);border-radius:var(--w-r-md);text-align:center}.tut-empty svg{color:var(--w-primary)}.tut-empty h3{font-size:var(--w-fs-md);font-weight:700}.tut-empty p,.tut-empty-filter{color:var(--w-ink2)}.tut-empty-filter{margin-top:var(--w-sp-lg)!important}@media(prefers-reduced-motion:no-preference){.recipe-stamp text{transform-origin:60px 60px;animation:tut-spin 22s linear infinite}[data-paused] .recipe-stamp text{animation-play-state:paused}.tut-hero-copy>*,.tut-hero-art{animation:tut-rise .7s var(--w-ease) both}.tut-hero-copy>:nth-child(2){animation-delay:.06s}.tut-hero-copy>:nth-child(3){animation-delay:.12s}.tut-hero-copy>:nth-child(n+4){animation-delay:.18s}.tut-hero-art{animation-delay:.2s}}@media(prefers-reduced-motion:reduce){.tut-hub .recipe-card,.recipe-go,.tut-hub .tut-primary{transition:none}.tut-hub .recipe-card:hover{transform:rotate(-1.5deg)}.recipe:hover .recipe-go{transform:none}}@keyframes tut-spin{to{transform:rotate(360deg)}}@keyframes tut-rise{0%{opacity:0;transform:translateY(12px)}}@media(max-width:1000px){.recipe{grid-template-columns:88px minmax(0,1fr) 44px}.recipe-no{font-size:44px}.recipe-facts{grid-column:2;grid-row:2;padding:var(--w-sp-md) 0 0;border-left:0;border-top:1px dashed var(--w-line2)}.recipe-go{grid-column:3;grid-row:1}.tut-compass{grid-template-columns:1fr;gap:var(--w-sp-sm)}}@media(max-width:880px){.tut-hero{grid-template-columns:1fr;padding-bottom:var(--w-sp-3xl)}.tut-hero-art{max-width:520px}.guide-steps,.tut-compass ul{grid-template-columns:1fr}.tut-list-head{flex-direction:column;align-items:flex-start}.tut-list-head .tut-chips{max-width:100%}}@media(max-width:600px){.tut-hub{padding:var(--w-sp-base) var(--w-sp-base) var(--w-sp-3xl)}.tut-lead{font-size:var(--w-fs-base)}.tut-hub .recipe-card{padding:20px}.recipe-card-block{grid-template-columns:1fr;gap:6px}.recipe-stamp{width:88px;height:88px}.recipe{grid-template-columns:minmax(0,1fr) 44px;gap:var(--w-sp-base);padding:var(--w-sp-lg) var(--w-sp-sm)}.recipe-no{grid-column:1;font-size:36px}.recipe-main,.recipe-facts{grid-column:1 / -1}.recipe-facts{grid-row:auto}.recipe-go{grid-column:2;grid-row:1;align-self:start}.tut-chips button{min-height:44px}}
