.iaf{font-family:var(--font-sans);font-size:var(--fs-md);line-height:var(--lh-body);color:var(--ink);background:var(--base);font-weight:var(--weight-regular)}
.iaf *{box-sizing:border-box}
.iaf p,.iaf h1,.iaf h2,.iaf h3,.iaf ul,.iaf ol,.iaf figure{margin:0;padding:0}
.iaf ul{list-style:none}
.iaf a{color:var(--link)}
.iaf :focus-visible{outline:var(--focus-width) solid var(--focus);outline-offset:var(--focus-width)}
.iaf-page{background:var(--base);overflow:hidden;--edge:var(--gutter)}
.iaf-page .iaf-section,.iaf-page .iaf-hero,.iaf-page .iaf-footer,.iaf-page .iaf-header,.iaf-page .iaf-wrap,.iaf-page .iaf-grid,.iaf-page .iaf-chips,.iaf-page .iaf-toolbar,.iaf-page .iaf-strip,.iaf-page .iaf-rail{padding-left:var(--edge);padding-right:var(--edge)}
.iaf-narrow{max-width:var(--container-content);width:100%}
.iaf-product{display:flex;flex-direction:column}
.iaf-wrap{padding:0 var(--gutter)}
.iaf-stack{display:flex;flex-direction:column;gap:var(--space-4)}
.iaf-section{padding:var(--space-7) var(--gutter);display:flex;flex-direction:column;gap:var(--space-4);position:relative;overflow:hidden}
.iaf-section--tint{background:var(--surface-tint)}
.iaf-h1{font-size:var(--fs-3xl);line-height:var(--lh-tight);font-weight:var(--weight-strong);letter-spacing:var(--tracking-tight)}
.iaf-h2{font-size:var(--fs-2xl);line-height:var(--lh-heading);font-weight:var(--weight-strong);letter-spacing:var(--tracking-tight)}
.iaf-h3{font-size:var(--fs-lg);line-height:var(--lh-snug);font-weight:var(--weight-strong)}
.iaf-lead{font-size:var(--fs-lg);color:var(--ink-muted)}
.iaf-small{font-size:var(--fs-sm)}
.iaf-muted{color:var(--ink-muted)}
.iaf-strong{font-weight:var(--weight-strong)}
.iaf-num{font-variant-numeric:tabular-nums}

.iaf-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--gutter);border-bottom:var(--line-width) solid var(--line);background:var(--base);position:sticky;top:0;z-index:var(--z-sticky)}
.iaf .iaf-wordmark{font-weight:var(--weight-strong);font-size:var(--fs-md);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);color:var(--ink);text-decoration:none;margin-right:auto}
.iaf-wordmark span{display:block;font-size:var(--fs-xs);color:var(--ink-muted);font-weight:var(--weight-regular);letter-spacing:normal}
.iaf .iaf-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);border-radius:var(--radius-pill);color:var(--ink);background:transparent;border:0}
.iaf-iconbtn svg,.iaf-ico{width:var(--space-5);height:var(--space-5);fill:none;stroke:currentColor;stroke-width:var(--icon-stroke);stroke-linecap:round;stroke-linejoin:round}
.iaf-search{display:flex;align-items:center;gap:var(--space-2);height:var(--space-8);padding:0 var(--space-1) 0 var(--space-4);border:var(--focus-width) solid var(--ink);border-radius:var(--radius-pill);background:var(--surface);color:var(--placeholder);font-size:var(--fs-md)}
.iaf-search span{flex:1}
.iaf-search b{display:inline-flex;align-items:center;justify-content:center;width:calc(var(--space-8) - var(--space-3));height:calc(var(--space-8) - var(--space-3));border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-ink)}
.iaf-search b svg{width:var(--space-4);height:var(--space-4);fill:none;stroke:currentColor;stroke-width:var(--icon-stroke);stroke-linecap:round}

.iaf-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--space-8);padding:0 var(--space-5);border-radius:var(--radius-pill);font-weight:var(--weight-strong);font-size:var(--fs-md);text-decoration:none;border:var(--focus-width) solid transparent;cursor:pointer;transition:background-color var(--duration),box-shadow var(--duration);font-family:inherit}
.iaf .iaf-btn--accent{background:var(--accent);color:var(--accent-ink)}
.iaf .iaf-btn--dark{background:var(--ink);color:var(--base)}
.iaf .iaf-btn--outline{background:transparent;color:var(--ink);border-color:var(--ink)}
.iaf .iaf-btn--quiet{background:var(--surface-tint);color:var(--ink)}
.iaf-btn--block{width:100%}
.iaf-btn--sm{min-height:var(--space-7);padding:0 var(--space-4);font-size:var(--fs-sm)}
.iaf-btns{display:flex;flex-wrap:wrap;gap:var(--space-2)}

.iaf-chips{display:flex;gap:var(--space-2);overflow-x:auto;padding:var(--space-1) var(--gutter);scrollbar-width:none}
.iaf-chip{flex:none;display:inline-flex;align-items:center;gap:var(--space-1);height:var(--space-7);padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--surface-tint);color:var(--ink);font-size:var(--fs-sm);font-weight:var(--weight-strong);border:var(--line-width) solid transparent}
.iaf-chip.is-on{background:var(--ink);color:var(--base)}
.iaf-chip--outline{background:transparent;border-color:var(--ink)}
.iaf-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--gutter);font-size:var(--fs-sm)}
.iaf-toggle{display:inline-flex;align-items:center;gap:var(--space-2)}
.iaf-toggle i{width:var(--space-7);height:var(--space-5);border-radius:var(--radius-pill);background:var(--ink-muted);position:relative}
.iaf-toggle i:after{content:"";position:absolute;top:var(--space-half);left:var(--space-half);width:calc(var(--space-5) - var(--space-1));height:calc(var(--space-5) - var(--space-1));border-radius:var(--radius-pill);background:var(--surface)}

.iaf-banner{position:relative;overflow:hidden;background:var(--accent);color:var(--accent-ink);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}
.iaf-banner--festival{background:var(--festival);color:var(--festival-ink)}
.iaf-banner--flat{border-radius:0}
.iaf-banner>*:not(.iaf-decor){position:relative}
.iaf-banner--decor{padding-right:calc(var(--space-12) - var(--space-4))}
.iaf-count{display:flex;gap:var(--space-2)}
.iaf-count div{display:flex;flex-direction:column;align-items:center;min-width:calc(var(--space-9) - var(--space-1));padding:var(--space-2) var(--space-1);border-radius:var(--radius-md);background:var(--base);color:var(--ink)}
.iaf-count b{font-size:var(--fs-2xl);line-height:var(--lh-flat);font-variant-numeric:tabular-nums;font-weight:var(--weight-strong)}
.iaf-count span{font-size:var(--fs-xs);color:var(--ink-muted)}

.iaf-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5) var(--space-3);padding:var(--space-2) var(--gutter) var(--space-6)}
.iaf .iaf-card{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;color:var(--ink);text-decoration:none}
.iaf-card__img{position:relative;aspect-ratio:var(--aspect-product);background:var(--surface-tint);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-card);margin-bottom:var(--space-1)}
.iaf-card__img svg{display:block;width:100%;height:100%}
.iaf-card__title{font-size:var(--fs-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.iaf-card__by{font-size:var(--fs-sm);color:var(--ink-muted)}
.iaf-price{font-size:var(--fs-md);font-weight:var(--weight-strong);font-variant-numeric:tabular-nums}
.iaf-pill{display:inline-flex;align-items:center;height:var(--space-6);padding:0 var(--space-2);border-radius:var(--radius-pill);background:var(--base);color:var(--ink);border:var(--line-width) solid var(--line);font-size:var(--fs-sm);font-weight:var(--weight-strong)}
.iaf-card__img .iaf-pill{position:absolute;left:var(--space-2);top:var(--space-2)}
.iaf-ship{display:inline-block;align-self:flex-start;background:var(--success-tint);color:var(--success);font-weight:var(--weight-strong);font-size:var(--fs-xs);padding:0 var(--space-2);border-radius:var(--radius-pill)}
.iaf-low{color:var(--danger);font-weight:var(--weight-strong);font-size:var(--fs-xs)}

.iaf-hero{position:relative;overflow:hidden;padding:var(--space-8) var(--gutter) var(--space-7);display:flex;flex-direction:column;gap:var(--space-4)}
.iaf-hero>*:not(.iaf-decor){position:relative}
.iaf-hero--decor{padding-top:calc(var(--space-12) + var(--space-4))}
.iaf-slot{aspect-ratio:var(--aspect-hero);border-radius:var(--radius-lg);background:var(--surface);border:var(--line-width) dashed var(--ink-muted);display:flex;align-items:center;justify-content:center;color:var(--ink-muted);font-size:var(--fs-sm);text-align:center;padding:var(--space-4)}
.iaf-decor{position:absolute;inset:0;pointer-events:none}
.iaf-decor .shape{position:absolute}
.iaf .is-blue path{fill:var(--decor-blue)}
.iaf .is-sun path{fill:var(--decor-sun)}
.iaf .is-sky path{fill:var(--decor-sky)}
.iaf .is-blush path{fill:var(--decor-blush)}
.iaf .shape-line{position:absolute;overflow:visible}
.iaf .shape-line path{fill:none;stroke:var(--ink);stroke-width:var(--focus-width)}
.iaf .shape-line.is-blue path{stroke:var(--decor-blue);fill:none}

.iaf-fork{display:grid;gap:var(--space-3)}
.iaf .iaf-tile{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:var(--space-1);min-height:calc(var(--space-12) + var(--space-6));padding:var(--space-4);border-radius:var(--radius-lg);text-decoration:none;color:var(--ink);background:var(--decor-sky)}
.iaf .iaf-tile--b{background:var(--decor-blush)}
.iaf-tile>*:not(.iaf-decor){position:relative}
.iaf-tile b{font-size:var(--fs-xl);line-height:var(--lh-snug)}
.iaf-tile .iaf-btns{margin-top:var(--space-2)}

.iaf-steps{display:grid;gap:var(--space-3);counter-reset:s}
.iaf-step{display:flex;gap:var(--space-3);align-items:flex-start}
.iaf-step:before{counter-increment:s;content:counter(s);flex:none;display:flex;align-items:center;justify-content:center;width:var(--space-7);height:var(--space-7);border-radius:var(--radius-pill);background:var(--festival);color:var(--festival-ink);font-weight:var(--weight-strong)}
.iaf-timeline{display:grid;grid-template-columns:3fr 2fr 3fr;gap:var(--space-1)}
.iaf-timeline div{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--fs-xs);color:var(--ink-muted)}
.iaf-timeline i{height:var(--space-3);border-radius:var(--radius-pill);background:var(--accent)}
.iaf-timeline div:nth-child(2) i{background:var(--festival)}
.iaf-timeline div:nth-child(3) i{background:var(--ink)}
.iaf-timeline b{color:var(--ink);font-size:var(--fs-sm)}

.iaf-panel{background:var(--surface);border:var(--line-width) solid var(--line);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}
.iaf-big{font-size:var(--fs-3xl);line-height:var(--lh-flat);font-weight:var(--weight-strong);font-variant-numeric:tabular-nums}
.iaf-field{display:flex;flex-direction:column;gap:var(--space-1)}
.iaf-label{font-size:var(--fs-sm);font-weight:var(--weight-strong)}
.iaf-help{font-size:var(--fs-xs);color:var(--ink-muted)}
.iaf-input{display:flex;align-items:center;justify-content:space-between;min-height:var(--space-8);padding:0 var(--space-3);border:var(--line-width) solid var(--ink-muted);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font-size:var(--fs-md)}
.iaf-input.is-empty{color:var(--placeholder)}
.iaf-row2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}
.iaf-check{display:flex;gap:var(--space-2);align-items:flex-start;font-size:var(--fs-sm)}
.iaf-check i{flex:none;width:var(--space-5);height:var(--space-5);border:var(--focus-width) solid var(--ink-muted);border-radius:var(--radius-sm);background:var(--surface)}
.iaf-fold{border-top:var(--line-width) solid var(--line);padding-top:var(--space-3);font-size:var(--fs-sm)}
.iaf-fold summary{font-weight:var(--weight-strong);cursor:pointer}
.iaf-lines{display:grid;gap:var(--space-1);margin-top:var(--space-2)}
.iaf-lines div{display:flex;justify-content:space-between;font-variant-numeric:tabular-nums}

.iaf-ticks{display:grid;gap:var(--space-2)}
.iaf-ticks li{display:flex;gap:var(--space-2);align-items:flex-start}
.iaf-ticks li:before{content:"";flex:none;width:var(--space-5);height:var(--space-5);margin-top:var(--space-half);border-radius:var(--radius-pill);background:var(--success-tint) center/60% no-repeat;box-shadow:inset 0 0 0 var(--focus-width) var(--success)}

.iaf-faq{border-top:var(--line-width) solid var(--line)}
.iaf-faq details{border-bottom:var(--line-width) solid var(--line);padding:var(--space-3) 0}
.iaf-faq summary{font-weight:var(--weight-strong);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:var(--space-3)}
.iaf-faq summary:after{content:"+";font-size:var(--fs-xl);line-height:var(--lh-flat)}
.iaf-faq details[open] summary:after{content:"\2212"}
.iaf-faq p{margin-top:var(--space-2);color:var(--ink-muted)}

.iaf-notice{display:flex;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface);border:var(--line-width) solid var(--info);font-size:var(--fs-sm)}
.iaf-notice b{color:var(--info)}
.iaf-notice--success{border-color:var(--success)}.iaf-notice--success b{color:var(--success)}
.iaf-notice--warning{border-color:var(--warning)}.iaf-notice--warning b{color:var(--warning)}
.iaf-notice--danger{border-color:var(--danger)}.iaf-notice--danger b{color:var(--danger)}
.iaf-input.is-error{border-color:var(--danger);border-width:var(--focus-width)}
.iaf-error{font-size:var(--fs-xs);color:var(--danger);font-weight:var(--weight-strong)}
.iaf-banner--quiet{background:var(--surface-tint);color:var(--ink)}
.iaf-banner__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3)}
.iaf-strip{display:flex;gap:var(--space-4);overflow-x:auto;padding:var(--space-2) var(--gutter);background:var(--surface-tint);font-size:var(--fs-xs);font-weight:var(--weight-strong);white-space:nowrap}

.iaf-gallery{position:relative}
.iaf-gallery .iaf-card__img{border-radius:0;box-shadow:none;margin:0}
.iaf-dots{display:flex;justify-content:center;gap:var(--space-1);padding:var(--space-2)}
.iaf-dots i{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-pill);background:var(--line)}
.iaf-dots i:first-child{background:var(--ink)}
.iaf .iaf-creator{color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:var(--space-3)}
.iaf-avatar{width:var(--space-8);aspect-ratio:var(--aspect-creator);border-radius:var(--radius-pill);overflow:hidden;flex:none;background:var(--surface-tint)}
.iaf-avatar svg{width:100%;height:100%;display:block}
.iaf-qty{display:flex;align-items:center;justify-content:space-between}
.iaf-rail{display:grid;grid-auto-flow:column;grid-auto-columns:var(--rail-item);gap:var(--space-3);overflow-x:auto;padding:0 var(--gutter) var(--space-2);scrollbar-width:none}

.iaf-empty{position:relative;overflow:hidden;text-align:center;padding:var(--space-9) var(--space-5);border-radius:var(--radius-lg);background:var(--surface);display:flex;flex-direction:column;gap:var(--space-3);align-items:center}
.iaf-empty>*:not(.iaf-decor){position:relative}

.iaf-footer{background:var(--surface-tint);padding:var(--space-6) var(--gutter);display:flex;flex-direction:column;gap:var(--space-4);font-size:var(--fs-sm)}
.iaf-footer nav{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4)}
.iaf .iaf-footer a{color:var(--ink)}
.iaf-lockup{font-size:var(--fs-xs);color:var(--ink-muted)}
.iaf-lockup b{color:var(--ink)}

@media (min-width:768px){
.iaf-page{--edge:max(var(--gutter-md),calc((100% - var(--container-wide)) / 2))}
.iaf-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-6) var(--space-4)}
.iaf-fork{grid-template-columns:1fr 1fr}
.iaf-steps{grid-template-columns:repeat(3,1fr);gap:var(--space-5)}
.iaf-step{flex-direction:column}
.iaf-rail{grid-auto-columns:calc((100% - 3 * var(--space-3)) / 4)}
.iaf-section{padding-top:var(--space-8);padding-bottom:var(--space-8)}
.iaf-h1{font-size:calc(var(--fs-3xl) * 1.4)}
.iaf-h2{font-size:calc(var(--fs-2xl) * 1.15)}
.iaf-footer{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between}
}
@media (min-width:1024px){
.iaf-grid{grid-template-columns:repeat(4,1fr)}
.iaf-hero--split{display:grid;grid-template-columns:1fr 1fr;align-items:center;column-gap:var(--space-8)}
.iaf-hero--split .iaf-slot{grid-column:2;grid-row:1 / span 3}
.iaf-product{display:grid;grid-template-columns:3fr 2fr;gap:var(--space-8);padding:var(--space-6) var(--edge) 0}
.iaf-product .iaf-gallery .iaf-card__img{border-radius:var(--radius-md);box-shadow:var(--shadow-card)}
.iaf-product .iaf-section{padding:0}
.iaf-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:start}
}
@media (prefers-reduced-motion:reduce){.iaf-btn{transition:none}}