/* 계엄령.quest - Surreal botanical dissolution */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
:root{
    --black:#1a1a1a;--charcoal:#2d2d2d;--gray:#5a5a5a;
    --silver:#9e9e9e;--fog:#d4d4d4;--near-white:#f0f0f0;
    --white:#fafafa;--ochre:#8b7355;--gap:3px;
}
body{font-family:'Noto Sans KR',sans-serif;font-weight:400;font-size:clamp(1rem,1.2vw + 0.6rem,1.15rem);line-height:1.85;color:var(--gray);background:var(--near-white);overflow-x:hidden;word-break:keep-all;letter-spacing:0.01em;}

/* Bento grid floors */
.grid-floor{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(180px,auto);gap:var(--gap);background:rgba(232,232,232,1);padding:0;}

/* Cell spans */
.cell{background:var(--white);overflow:hidden;position:relative;padding:clamp(20px,3vw,40px);opacity:0;transform:translateY(12px);transition:opacity 0.6s ease,transform 0.6s ease;transition-delay:calc(var(--cell-index,0) * 80ms);}
.cell.visible{opacity:1;transform:translateY(0);}

.cell-full{grid-column:span 12;}
.cell-wide{grid-column:span 8;grid-row:span 2;}
.cell-half{grid-column:span 6;}
.cell-third{grid-column:span 4;}
.cell-square{grid-column:span 4;grid-row:span 2;}

/* Ink-wash cells */
[data-cell-type="ink-wash"]{background:var(--white);}
[data-cell-type="ink-wash"]::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at var(--ink-x,30%) var(--ink-y,70%),rgba(40,40,40,0.12) 0%,transparent 70%);pointer-events:none;}

/* Watercolor bloom cells */
[data-cell-type="watercolor"]{background:var(--white);display:flex;align-items:center;justify-content:center;}
[data-cell-type="watercolor"]::before,[data-cell-type="watercolor"]::after{content:'';position:absolute;border-radius:50%;pointer-events:none;}
[data-cell-type="watercolor"]::before{width:calc(80% * var(--bloom-scale,1));height:calc(60% * var(--bloom-scale,1));top:var(--bloom-y,50%);left:var(--bloom-x,50%);transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(139,115,85,var(--bloom-opacity,0.2)) 0%,transparent 70%);filter:blur(20px);}
[data-cell-type="watercolor"]::after{width:calc(50% * var(--bloom-scale,1));height:calc(70% * var(--bloom-scale,1));top:calc(var(--bloom-y,50%) + 10%);left:calc(var(--bloom-x,50%) - 10%);transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(139,115,85,calc(var(--bloom-opacity,0.2) * 0.6)) 0%,transparent 65%);filter:blur(15px);}

/* Proclamation cells */
[data-cell-type="proclamation"]{background:var(--white);background-image:repeating-linear-gradient(transparent,transparent 27px,var(--fog) 27px,var(--fog) 28px);}
.proclamation-content{transform:rotate(-0.5deg);position:relative;z-index:1;}
.proclamation-content p{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(1.1rem,2vw,1.4rem);color:var(--charcoal);line-height:1.6;}
.watercolor-stain{position:absolute;bottom:-10%;left:-10%;width:50%;height:50%;border-radius:50%;background:radial-gradient(ellipse,rgba(139,115,85,0.2) 0%,transparent 70%);filter:blur(25px);pointer-events:none;}
.watercolor-stain.stain-right{left:auto;right:-10%;bottom:auto;top:-10%;}
.watercolor-stain.stain-full{width:120%;height:80%;left:-10%;bottom:-20%;opacity:0.8;}

/* Dark cells */
.cell-dark{background:var(--black);display:flex;align-items:center;justify-content:center;grid-column:span 4;grid-row:span 2;}
.cell-tall-dark{grid-column:span 4;grid-row:span 3;}

/* Bloom animation in dark cells */
.bloom-anim{width:80%;height:auto;max-width:180px;}
.bloom-circle{stroke-dasharray:200;stroke-dashoffset:200;transition:stroke-dashoffset 2s ease;}
.petal{stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1.5s ease;}
.cell-dark.visible .bloom-circle{stroke-dashoffset:0;}
.cell-dark.visible .b1{transition-delay:0s;}
.cell-dark.visible .b2{transition-delay:0.3s;}
.cell-dark.visible .b3{transition-delay:0.6s;}
.cell-dark.visible .petal{stroke-dashoffset:0;}
.cell-dark.visible .p1{transition-delay:0.8s;}
.cell-dark.visible .p2{transition-delay:1s;}
.cell-dark.visible .p3{transition-delay:1.2s;}
.cell-dark.visible .p4{transition-delay:1.4s;}
.cell-dark.visible .p5{transition-delay:1.6s;}

/* Ink spread animation */
.ink-spread{width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(90,90,90,0.4) 0%,transparent 70%);transform:scale(0);transition:transform 2s ease;}
.cell-dark.visible .ink-spread{transform:scale(2.5);}

/* Vine grow animation */
.vine-grow{width:60%;height:auto;max-height:90%;}
.vine-path{stroke-dasharray:600;stroke-dashoffset:600;transition:stroke-dashoffset 3s ease;}
.vine-leaf{stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1s ease;}
.vine-bloom{opacity:0;transition:opacity 0.8s ease;}
.cell-dark.visible .vine-path{stroke-dashoffset:0;}
.cell-dark.visible .vine-leaf{stroke-dashoffset:0;transition-delay:2s;}
.cell-dark.visible .vine-bloom{opacity:1;transition-delay:2.5s;}

/* Typography */
.display-title{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(2.5rem,7vw + 0.5rem,6rem);letter-spacing:-0.02em;color:var(--black);line-height:1.15;position:relative;z-index:1;}
.display-sub{font-family:'Caveat',cursive;font-weight:400;font-size:clamp(0.85rem,1.5vw,1.1rem);color:var(--gray);margin-top:0.5rem;position:relative;z-index:1;}
.section-heading{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:600;font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-0.02em;color:var(--black);margin-bottom:1rem;position:relative;z-index:1;}
.body-text{color:var(--gray);position:relative;z-index:1;}
.handwritten-note{font-family:'Caveat',cursive;font-weight:400;font-size:clamp(0.85rem,1.5vw,1.1rem);color:var(--gray);display:block;margin-top:1rem;position:relative;z-index:1;}

/* Interstitials */
.interstitial{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--white);padding:clamp(40px,8vw,80px);opacity:0;transform:translateY(20px);transition:opacity 0.8s ease,transform 0.8s ease;}
.interstitial.visible{opacity:1;transform:translateY(0);}
.interstitial-botanical{width:clamp(200px,40vw,400px);height:auto;margin-bottom:2rem;}
.magnolia{width:clamp(250px,50vw,500px);}
.interstitial-text{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:600;font-size:clamp(1.2rem,2.5vw,1.8rem);color:var(--charcoal);text-align:center;}

/* Footer */
.site-footer{text-align:center;padding:clamp(40px,8vw,80px);background:var(--near-white);}
.footer-flower{width:48px;height:48px;margin-bottom:1rem;opacity:0.4;}
.site-footer p{font-family:'Noto Sans KR',sans-serif;font-weight:300;font-size:0.85rem;color:var(--silver);letter-spacing:0.02em;}

/* Responsive */
@media(max-width:768px){
    .grid-floor{padding:0 0;}
    .cell-full,.cell-wide,.cell-half,.cell-third,.cell-square,.cell-dark,.cell-tall-dark{grid-column:span 12;grid-row:span 1;}
    .cell-dark,.cell-tall-dark{min-height:240px;}
}
@media(max-width:480px){
    .interstitial{min-height:80vh;}
    .interstitial-botanical{width:90vw;}
}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){
    .cell,.interstitial{transition:none;opacity:1;transform:none;}
    .bloom-circle,.petal,.vine-path,.vine-leaf{transition:none;stroke-dashoffset:0;}
    .vine-bloom{transition:none;opacity:1;}
    .ink-spread{transition:none;transform:scale(2.5);}
}