/* BASIC css start */
/*
 * SUCCUBUS / SEOYUN profile page
 *
 * Editorial cover + dual-form story + visual archive.
 * Everything is scoped to the Seoyun page and lightbox.
 */
.seoyun-container{
    --seoyun-page-bg:#efebe5;
    --seoyun-ink:#171417;
    --seoyun-muted:#7c7074;
    --seoyun-line:rgba(23,20,23,.16);
    --seoyun-surface:#fbfaf8;
    --seoyun-surface-strong:#fff;
    --seoyun-surface-soft:#e4ddd6;
    --seoyun-accent:#a45e78;
    --seoyun-accent-soft:rgba(164,94,120,.13);
    --seoyun-shadow:0 24px 70px rgba(46,32,38,.1);
    background:var(--seoyun-page-bg);
}
.seoyun-page{
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:clamp(18px,3vw,42px) clamp(16px,5vw,76px) calc(120px + env(safe-area-inset-bottom));
    box-sizing:border-box;
    color:var(--seoyun-ink);
    background:var(--seoyun-page-bg);
    font-family:'Jost','Noto Sans KR',Arial,sans-serif;
    transition:background-color .35s ease,color .35s ease;
}
.seoyun-page *,
.seoyun-lightbox *{box-sizing:border-box;}
.seoyun-page button,
.seoyun-page a,
.seoyun-lightbox button{font:inherit;}
.seoyun-page button{cursor:pointer;}
.seoyun-page img{display:block;max-width:100%;}
.seoyun-page [hidden],
.seoyun-lightbox[hidden]{display:none!important;}
.seoyun-kicker{
    margin:0;
    color:var(--seoyun-muted);
    font:600 10px/1.4 'Jost','Noto Sans KR',Arial,sans-serif;
    letter-spacing:.22em;
    text-transform:uppercase;
}

/* The global store theme changes the page palette, not the content. */
html.succubus-night .seoyun-container,
body.succubus-night .seoyun-container,
html.succubus-preload-night .seoyun-container{
    --seoyun-page-bg:#070608;
    --seoyun-ink:#fff;
    --seoyun-muted:#b9abb2;
    --seoyun-line:rgba(255,255,255,.2);
    --seoyun-surface:#0e0b0f;
    --seoyun-surface-strong:#151016;
    --seoyun-surface-soft:#1d151b;
    --seoyun-accent:#f0adc6;
    --seoyun-accent-soft:rgba(240,173,198,.14);
    --seoyun-shadow:0 24px 78px rgba(0,0,0,.45);
}
html.succubus-night .seoyun-page,
body.succubus-night .seoyun-page,
html.succubus-preload-night .seoyun-page{
    background:var(--seoyun-page-bg);
    color:var(--seoyun-ink);
}

/* Cover */
.seoyun-cover{
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);
    gap:clamp(34px,7vw,116px);
    align-items:center;
    min-height:clamp(650px,calc(100svh - 92px),900px);
    padding:clamp(18px,4vw,52px) 0 clamp(58px,7vw,104px);
    border-bottom:1px solid var(--seoyun-line);
}
.seoyun-cover__visual{min-width:0;}
.seoyun-cover__visual-frame{position:relative;}
.seoyun-cover__portrait{
    position:relative;
    overflow:hidden;
    width:min(100%,560px);
    margin:0 auto;
    background:var(--seoyun-surface-soft);
    box-shadow:var(--seoyun-shadow);
    aspect-ratio:4 / 5;
}
.seoyun-cover__portrait::after{
    position:absolute;
    inset:0;
    z-index:2;
    content:"";
    pointer-events:none;
    background:linear-gradient(180deg,rgba(0,0,0,.08),transparent 24%,transparent 76%,rgba(0,0,0,.28));
}
.seoyun-form-image{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    opacity:0;
    visibility:hidden;
    transition:opacity .45s ease,visibility 0s linear .45s;
}
.seoyun-form-image.is-active{
    opacity:1;
    visibility:visible;
    transition:opacity .45s ease;
}
.seoyun-cover__caption{
    display:flex;
    justify-content:space-between;
    gap:16px;
    width:min(100%,560px);
    margin:0 auto;
    padding-top:14px;
    color:var(--seoyun-muted);
    font:600 9px/1.3 'Jost',Arial,sans-serif;
    letter-spacing:.18em;
    text-transform:uppercase;
}
.seoyun-cover__caption span:first-child{color:var(--seoyun-ink);}
.seoyun-cover__content{max-width:560px;padding:22px 0;}
.seoyun-cover__chapter{
    margin:42px 0 0;
    color:var(--seoyun-accent);
    font:600 10px/1.4 'Jost',Arial,sans-serif;
    letter-spacing:.2em;
}
.seoyun-cover h1{
    margin:17px 0 10px;
    color:var(--seoyun-ink);
    font:400 clamp(76px,10vw,154px)/.78 Georgia,'Times New Roman',serif;
    letter-spacing:-.08em;
}
.seoyun-cover__tagline{
    margin:0;
    color:var(--seoyun-accent);
    font:italic 400 clamp(25px,3.1vw,42px)/1.05 Georgia,'Times New Roman',serif;
    letter-spacing:-.035em;
}
.seoyun-cover__tagline em{font-weight:400;}
.seoyun-cover__intro{
    max-width:410px;
    margin:30px 0 0;
    color:var(--seoyun-muted);
    font:400 13px/1.9 'Noto Sans KR',Arial,sans-serif;
}
.seoyun-form-switch{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    max-width:520px;
    margin-top:35px;
}
.seoyun-form-switch__button{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:9px;
    min-height:54px;
    padding:0 13px;
    border:1px solid var(--seoyun-line);
    border-radius:2px;
    color:var(--seoyun-muted);
    background:transparent;
    text-align:left;
    transition:background-color .25s ease,border-color .25s ease,color .25s ease,transform .25s ease;
}
.seoyun-form-switch__button:hover,
.seoyun-form-switch__button:focus-visible{
    border-color:var(--seoyun-accent);
    color:var(--seoyun-ink);
    outline:none;
    transform:translateY(-2px);
}
.seoyun-form-switch__button.is-active{
    border-color:var(--seoyun-ink);
    color:var(--seoyun-page-bg);
    background:var(--seoyun-ink);
}
.seoyun-form-switch__button span{
    color:var(--seoyun-accent);
    font:600 9px/1 'Jost',Arial,sans-serif;
    letter-spacing:.08em;
}
.seoyun-form-switch__button.is-active span{color:var(--seoyun-page-bg);}
.seoyun-form-switch__button strong{
    overflow:hidden;
    font:600 9px/1.2 'Jost',Arial,sans-serif;
    letter-spacing:.1em;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.seoyun-form-switch__button em{
    font:italic 400 11px/1 Georgia,'Times New Roman',serif;
    letter-spacing:.02em;
}
.seoyun-cover__state{
    display:flex;
    flex-wrap:wrap;
    align-items:baseline;
    justify-content:space-between;
    gap:12px;
    max-width:520px;
    margin-top:24px;
    padding:13px 0;
    border-top:1px solid var(--seoyun-line);
    border-bottom:1px solid var(--seoyun-line);
}
.seoyun-cover__state-label{
    color:var(--seoyun-accent);
    font:600 9px/1 'Jost',Arial,sans-serif;
    letter-spacing:.18em;
}
.seoyun-cover__state strong{
    color:var(--seoyun-ink);
    font:600 9px/1.2 'Jost',Arial,sans-serif;
    letter-spacing:.1em;
    text-align:right;
}
.seoyun-facts{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    max-width:520px;
    margin:25px 0 0;
    border-top:1px solid var(--seoyun-line);
}
.seoyun-facts div{
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap:12px;
    padding:13px 0;
    border-bottom:1px solid var(--seoyun-line);
}
.seoyun-facts div:nth-child(odd){padding-right:15px;}
.seoyun-facts div:nth-child(even){padding-left:15px;border-left:1px solid var(--seoyun-line);}
.seoyun-facts dt{
    color:var(--seoyun-muted);
    font:600 9px/1 'Jost',Arial,sans-serif;
    letter-spacing:.17em;
}
.seoyun-facts dd{
    margin:0;
    color:var(--seoyun-ink);
    font:600 10px/1.2 'Jost',Arial,sans-serif;
    letter-spacing:.08em;
    text-align:right;
}
.seoyun-cover__cta,
.seoyun-closing__link{
    display:inline-flex;
    align-items:center;
    gap:13px;
    color:var(--seoyun-ink);
    font:600 10px/1 'Jost',Arial,sans-serif;
    letter-spacing:.18em;
    text-decoration:none;
}
.seoyun-cover__cta{margin-top:31px;}
.seoyun-cover__cta i,
.seoyun-closing__link span{
    position:relative;
    display:block;
    width:31px;
    height:31px;
    border:1px solid var(--seoyun-ink);
    border-radius:50%;
    transition:background-color .25s ease,transform .25s ease;
}
.seoyun-cover__cta i::before,
.seoyun-closing__link span::before{
    position:absolute;
    top:14px;
    right:6px;
    left:6px;
    height:1px;
    content:"";
    background:var(--seoyun-ink);
}
.seoyun-cover__cta i::after,
.seoyun-closing__link span::after{
    position:absolute;
    top:10px;
    right:7px;
    width:8px;
    height:8px;
    content:"";
    border-top:1px solid var(--seoyun-ink);
    border-right:1px solid var(--seoyun-ink);
    transform:rotate(45deg);
}
.seoyun-cover__cta:hover i,
.seoyun-cover__cta:focus-visible i,
.seoyun-closing__link:hover span,
.seoyun-closing__link:focus-visible span{
    color:var(--seoyun-page-bg);
    background:var(--seoyun-ink);
    outline:none;
    transform:translateX(3px);
}
.seoyun-cover__cta:hover i::before,
.seoyun-cover__cta:hover i::after,
.seoyun-cover__cta:focus-visible i::before,
.seoyun-cover__cta:focus-visible i::after,
.seoyun-closing__link:hover span::before,
.seoyun-closing__link:hover span::after,
.seoyun-closing__link:focus-visible span::before,
.seoyun-closing__link:focus-visible span::after{
    background:var(--seoyun-page-bg);
    border-color:var(--seoyun-page-bg);
}

/* Dual-form thesis */
.seoyun-thesis{
    display:grid;
    grid-template-columns:minmax(130px,.32fr) minmax(0,1.68fr);
    gap:clamp(28px,6vw,92px);
    padding:clamp(78px,11vw,150px) 0;
    border-bottom:1px solid var(--seoyun-line);
}
.seoyun-thesis__label{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    min-height:170px;
}
.seoyun-thesis__label>span{
    color:var(--seoyun-muted);
    font:600 10px/1 'Jost',Arial,sans-serif;
    letter-spacing:.16em;
}
.seoyun-thesis__main{
    display:grid;
    grid-template-columns:minmax(0,1.03fr) minmax(260px,.97fr);
    gap:clamp(32px,7vw,110px);
    align-items:end;
}
.seoyun-thesis blockquote{
    margin:0;
    color:var(--seoyun-ink);
    font:400 clamp(40px,5vw,76px)/.96 Georgia,'Times New Roman',serif;
    letter-spacing:-.06em;
}
.seoyun-thesis blockquote em{
    color:var(--seoyun-accent);
    font-style:italic;
}
.seoyun-thesis__copy>p{
    max-width:390px;
    margin:0;
    color:var(--seoyun-muted);
    font:400 13px/1.9 'Noto Sans KR',Arial,sans-serif;
}
.seoyun-duality{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
    margin-top:40px;
}
.seoyun-duality article{
    padding-top:13px;
    border-top:1px solid var(--seoyun-line);
}
.seoyun-duality article>span{
    color:var(--seoyun-accent);
    font:600 9px/1 'Jost',Arial,sans-serif;
    letter-spacing:.16em;
}
.seoyun-duality h2{
    margin:16px 0 9px;
    color:var(--seoyun-ink);
    font:italic 400 21px/1.05 Georgia,'Times New Roman',serif;
}
.seoyun-duality p{
    margin:0;
    color:var(--seoyun-muted);
    font:400 11px/1.55 'Jost','Noto Sans KR',Arial,sans-serif;
}

/* Archive */
.seoyun-archive{padding-top:clamp(80px,11vw,150px);}
.seoyun-archive__header{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:30px;
    padding-bottom:25px;
    border-bottom:1px solid var(--seoyun-line);
}
.seoyun-archive__header h2{
    margin:17px 0 0;
    color:var(--seoyun-ink);
    font:400 clamp(49px,6.5vw,92px)/.82 Georgia,'Times New Roman',serif;
    letter-spacing:-.07em;
}
.seoyun-archive__header h2 em{
    color:var(--seoyun-accent);
    font-style:italic;
}
.seoyun-archive__counter{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:8px;
    color:var(--seoyun-ink);
    font:600 11px/1 'Jost',Arial,sans-serif;
    letter-spacing:.16em;
}
.seoyun-archive__counter small{
    color:var(--seoyun-muted);
    font-size:8px;
    letter-spacing:.2em;
}
.seoyun-tabs{
    display:flex;
    gap:clamp(18px,4vw,50px);
    overflow:auto;
    border-bottom:1px solid var(--seoyun-line);
    scrollbar-width:none;
}
.seoyun-tabs::-webkit-scrollbar{display:none;}
.seoyun-tab{
    position:relative;
    flex:0 0 auto;
    padding:19px 0 17px;
    border:0;
    color:var(--seoyun-muted);
    background:transparent;
    font:600 10px/1 'Jost',Arial,sans-serif;
    letter-spacing:.16em;
    white-space:nowrap;
}
.seoyun-tab::after{
    position:absolute;
    right:0;
    bottom:-1px;
    left:0;
    height:2px;
    content:"";
    background:var(--seoyun-ink);
    opacity:0;
    transform:scaleX(.35);
    transition:opacity .25s ease,transform .25s ease;
}
.seoyun-tab:hover,
.seoyun-tab:focus-visible{
    color:var(--seoyun-ink);
    outline:none;
}
.seoyun-tab.is-active{color:var(--seoyun-ink);}
.seoyun-tab.is-active::after{opacity:1;transform:scaleX(1);}
.seoyun-panels{padding-top:28px;}
.seoyun-panel{
    animation:seoyun-panel-in .35s ease both;
}
@keyframes seoyun-panel-in{
    from{opacity:0;transform:translateY(8px);}
    to{opacity:1;transform:none;}
}
.seoyun-panel__intro{
    display:grid;
    grid-template-columns:minmax(100px,.28fr) minmax(0,1.72fr);
    gap:28px;
    align-items:start;
    margin-bottom:23px;
}
.seoyun-panel__intro>span{
    padding-top:5px;
    color:var(--seoyun-accent);
    font:600 9px/1.3 'Jost',Arial,sans-serif;
    letter-spacing:.18em;
}
.seoyun-panel__intro h3{
    margin:0;
    color:var(--seoyun-ink);
    font:italic 400 clamp(25px,3vw,39px)/1 Georgia,'Times New Roman',serif;
    letter-spacing:-.035em;
}
.seoyun-panel__intro p{
    margin:7px 0 0;
    color:var(--seoyun-muted);
    font:400 12px/1.5 'Jost','Noto Sans KR',Arial,sans-serif;
}
.seoyun-media-grid{display:grid;gap:18px;}
.seoyun-media-grid--identity,
.seoyun-media-grid--details{grid-template-columns:repeat(2,minmax(0,1fr));}
.seoyun-media-grid--poses{grid-template-columns:repeat(3,minmax(0,1fr));}
.seoyun-media-card{
    display:block;
    width:100%;
    padding:0;
    border:1px solid var(--seoyun-line);
    color:var(--seoyun-ink);
    background:var(--seoyun-surface);
    text-align:left;
    transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;
}
.seoyun-media-card:hover,
.seoyun-media-card:focus-visible{
    border-color:var(--seoyun-accent);
    box-shadow:var(--seoyun-shadow);
    outline:none;
    transform:translateY(-3px);
}
.seoyun-media-card__image{
    display:block;
    overflow:hidden;
    background:var(--seoyun-surface-soft);
}
.seoyun-media-card__image img{
    width:100%;
    aspect-ratio:4 / 3;
    object-fit:cover;
    transition:transform .55s ease;
}
.seoyun-media-card--battle .seoyun-media-card__image img{
    aspect-ratio:3 / 4;
    object-position:center top;
}
.seoyun-media-card:hover .seoyun-media-card__image img,
.seoyun-media-card:focus-visible .seoyun-media-card__image img{
    transform:scale(1.025);
}
.seoyun-media-card__footer{
    display:flex;
    align-items:center;
    gap:11px;
    min-height:54px;
    padding:0 14px;
    color:var(--seoyun-muted);
    font:600 9px/1.3 'Jost',Arial,sans-serif;
    letter-spacing:.12em;
}
.seoyun-media-card__footer strong{
    color:var(--seoyun-ink);
    font-weight:600;
}
.seoyun-media-card__footer em{
    position:relative;
    width:20px;
    height:20px;
    margin-left:auto;
    border:1px solid var(--seoyun-line);
    border-radius:50%;
}
.seoyun-media-card__footer em::before,
.seoyun-media-card__footer em::after{
    position:absolute;
    content:"";
    background:var(--seoyun-ink);
}
.seoyun-media-card__footer em::before{
    top:9px;
    right:4px;
    left:4px;
    height:1px;
}
.seoyun-media-card__footer em::after{
    top:6px;
    right:5px;
    width:7px;
    height:7px;
    border-top:1px solid var(--seoyun-ink);
    border-right:1px solid var(--seoyun-ink);
    background:transparent;
    transform:rotate(45deg);
}

/* Closing */
.seoyun-closing{
    margin-top:clamp(90px,13vw,180px);
    padding:clamp(48px,8vw,110px) 20px 0;
    border-top:1px solid var(--seoyun-line);
    text-align:center;
}
.seoyun-closing__wordmark{
    margin:17px 0 5px;
    color:var(--seoyun-ink);
    font:italic 400 clamp(58px,9vw,112px)/.85 Georgia,'Times New Roman',serif;
    letter-spacing:-.08em;
}
.seoyun-closing__line{
    margin:0;
    color:var(--seoyun-muted);
    font:italic 400 16px/1.5 Georgia,'Times New Roman',serif;
}
.seoyun-closing__link{margin-top:31px;}

/* Lightbox */
.seoyun-lightbox{
    position:fixed;
    z-index:9999;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:22px;
    color:#fff;
    background:rgba(8,6,9,.9);
    opacity:1;
    visibility:visible;
    transition:opacity .25s ease,visibility 0s linear 0s;
}
.seoyun-lightbox[hidden]{
    opacity:0;
    visibility:hidden;
    transition:opacity .25s ease,visibility 0s linear .25s;
}
.seoyun-lightbox__backdrop{
    position:absolute;
    inset:0;
    cursor:pointer;
}
.seoyun-lightbox__dialog{
    position:relative;
    z-index:1;
    width:min(100%,980px);
    max-height:100%;
}
.seoyun-lightbox__topline{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:10px;
    color:rgba(255,255,255,.72);
    font:600 10px/1 'Jost',Arial,sans-serif;
    letter-spacing:.18em;
}
.seoyun-lightbox__close{
    position:relative;
    width:35px;
    height:35px;
    padding:0;
    border:1px solid rgba(255,255,255,.62);
    border-radius:50%;
    color:#fff;
    background:transparent;
}
.seoyun-lightbox__close::before,
.seoyun-lightbox__close::after{
    position:absolute;
    top:17px;
    left:8px;
    width:17px;
    height:1px;
    content:"";
    background:#fff;
}
.seoyun-lightbox__close::before{transform:rotate(45deg);}
.seoyun-lightbox__close::after{transform:rotate(-45deg);}
.seoyun-lightbox__media{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:120px;
    max-height:calc(100vh - 100px);
    max-height:calc(100svh - 100px);
}
.seoyun-lightbox__media img{
    width:auto;
    max-width:100%;
    max-height:calc(100vh - 100px);
    max-height:calc(100svh - 100px);
    object-fit:contain;
    box-shadow:0 18px 80px rgba(0,0,0,.4);
}
.seoyun-lightbox__nav{
    position:absolute;
    z-index:2;
    top:50%;
    width:43px;
    height:43px;
    padding:0;
    border:1px solid rgba(255,255,255,.62);
    border-radius:50%;
    background:rgba(0,0,0,.18);
    transform:translateY(-50%);
}
.seoyun-lightbox__nav--prev{left:12px;}
.seoyun-lightbox__nav--next{right:12px;}
.seoyun-lightbox__nav::before{
    position:absolute;
    top:15px;
    width:11px;
    height:11px;
    content:"";
    border-top:1px solid #fff;
    border-left:1px solid #fff;
}
.seoyun-lightbox__nav--prev::before{left:16px;transform:rotate(-45deg);}
.seoyun-lightbox__nav--next::before{left:12px;transform:rotate(135deg);}
.seoyun-lightbox__nav:hover,
.seoyun-lightbox__nav:focus-visible,
.seoyun-lightbox__close:hover,
.seoyun-lightbox__close:focus-visible{
    background:rgba(255,255,255,.15);
    outline:none;
}
.seoyun-lightbox__title{
    margin:13px 0 0;
    color:#fff;
    font:600 10px/1.3 'Jost',Arial,sans-serif;
    letter-spacing:.18em;
    text-align:center;
    text-transform:uppercase;
}
body.seoyun-lightbox-open{overflow:hidden;}

/* Compact layout */
@media screen and (max-width:900px){
    .seoyun-cover{
        grid-template-columns:minmax(0,1fr) minmax(290px,.85fr);
        gap:32px;
    }
    .seoyun-cover h1{font-size:clamp(70px,10vw,112px);}
    .seoyun-thesis__main{grid-template-columns:1fr;}
    .seoyun-thesis blockquote{max-width:600px;}
    .seoyun-media-grid--poses{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media screen and (max-width:767px){
    .seoyun-page{
        padding:14px 16px calc(105px + env(safe-area-inset-bottom));
    }
    .seoyun-cover{
        display:flex;
        flex-direction:column;
        align-items:stretch;
        gap:35px;
        min-height:0;
        padding-top:12px;
        padding-bottom:63px;
    }
    .seoyun-cover__visual{order:0;}
    .seoyun-cover__content{order:1;padding:0;}
    .seoyun-cover__portrait{width:min(100%,430px);aspect-ratio:4 / 5;}
    .seoyun-cover__chapter{margin-top:27px;}
    .seoyun-cover h1{margin-top:14px;font-size:88px;}
    .seoyun-cover__tagline{font-size:27px;}
    .seoyun-cover__intro{margin-top:24px;font-size:13px;line-height:1.85;}
    .seoyun-form-switch{margin-top:27px;}
    .seoyun-form-switch__button{
        grid-template-columns:auto minmax(0,1fr);
        gap:7px;
        min-height:51px;
        padding:0 10px;
    }
    .seoyun-form-switch__button em{
        grid-column:2;
        grid-row:1;
        margin-top:13px;
        color:var(--seoyun-accent);
        font-size:10px;
    }
    .seoyun-form-switch__button strong{font-size:8px;}
    .seoyun-cover__state{margin-top:19px;}
    .seoyun-cover__state strong{font-size:8px;}
    .seoyun-facts{margin-top:21px;}
    .seoyun-facts div{padding:12px 0;}
    .seoyun-facts div:nth-child(odd){padding-right:10px;}
    .seoyun-facts div:nth-child(even){padding-left:10px;}
    .seoyun-cover__cta{margin-top:26px;}
    .seoyun-thesis{
        display:block;
        padding:73px 0 80px;
    }
    .seoyun-thesis__label{
        display:flex;
        flex-direction:row;
        align-items:center;
        justify-content:space-between;
        min-height:0;
    }
    .seoyun-thesis__main{display:block;margin-top:35px;}
    .seoyun-thesis blockquote{font-size:45px;}
    .seoyun-thesis__copy{margin-top:38px;}
    .seoyun-duality{gap:12px;margin-top:34px;}
    .seoyun-duality h2{font-size:18px;}
    .seoyun-duality p{font-size:10px;}
    .seoyun-archive{padding-top:79px;}
    .seoyun-archive__header{align-items:flex-end;padding-bottom:20px;}
    .seoyun-archive__header h2{font-size:52px;}
    .seoyun-archive__counter{gap:6px;font-size:9px;}
    .seoyun-archive__counter small{font-size:7px;}
    .seoyun-tabs{gap:24px;}
    .seoyun-tab{padding:17px 0 15px;font-size:9px;}
    .seoyun-panels{padding-top:24px;}
    .seoyun-panel__intro{
        grid-template-columns:1fr;
        gap:10px;
        margin-bottom:17px;
    }
    .seoyun-panel__intro>span{padding-top:0;}
    .seoyun-panel__intro h3{font-size:27px;}
    .seoyun-panel__intro p{font-size:11px;}
    .seoyun-media-grid--identity,
    .seoyun-media-grid--details,
    .seoyun-media-grid--poses{grid-template-columns:1fr;gap:13px;}
    .seoyun-media-card__footer{
        min-height:49px;
        padding:0 11px;
        font-size:8px;
    }
    .seoyun-closing{
        margin-top:105px;
        padding-top:55px;
    }
    .seoyun-lightbox{padding:12px;}
    .seoyun-lightbox__media{
        max-height:calc(100vh - 90px);
        max-height:calc(100svh - 90px);
    }
    .seoyun-lightbox__media img{
        max-height:calc(100vh - 90px);
        max-height:calc(100svh - 90px);
    }
    .seoyun-lightbox__nav{width:37px;height:37px;}
    .seoyun-lightbox__nav--prev{left:4px;}
    .seoyun-lightbox__nav--next{right:4px;}
}

@media (prefers-reduced-motion:reduce){
    .seoyun-page *,
    .seoyun-lightbox *{
        scroll-behavior:auto!important;
        transition-duration:.01ms!important;
        animation-duration:.01ms!important;
        animation-iteration-count:1!important;
    }
}

/* Chinese-first copy and spacing pass. */
.seoyun-page{
    font-family:'Noto Sans KR','Jost',Arial,sans-serif;
}
.seoyun-kicker{
    font-family:'Noto Sans KR','Jost',Arial,sans-serif;
    letter-spacing:.12em;
    text-transform:none;
}
.seoyun-cover__caption{
    font-family:'Noto Sans KR','Jost',Arial,sans-serif;
    letter-spacing:.09em;
    text-transform:none;
}
.seoyun-cover__chapter,
.seoyun-cover__state-label,
.seoyun-facts dt,
.seoyun-form-switch__button strong,
.seoyun-form-switch__button em,
.seoyun-cover__state strong,
.seoyun-cover__cta,
.seoyun-closing__link{
    font-family:'Noto Sans KR','Jost',Arial,sans-serif;
    letter-spacing:.08em;
    text-transform:none;
}
.seoyun-cover h1{
    font-family:'Songti SC','Noto Serif KR',Georgia,serif;
    font-size:clamp(76px,8.6vw,128px);
    line-height:.92;
    letter-spacing:.08em;
}
.seoyun-cover__tagline{
    font-family:'Songti SC','Noto Serif KR',Georgia,serif;
    font-size:clamp(27px,3vw,40px);
    line-height:1.18;
    letter-spacing:.01em;
}
.seoyun-form-switch__button strong{
    font-size:11px;
    letter-spacing:.06em;
}
.seoyun-form-switch__button em{
    font-size:12px;
    letter-spacing:.02em;
}
.seoyun-cover__state strong{
    font-size:10px;
    letter-spacing:.05em;
}
.seoyun-facts dd{
    font-family:'Noto Sans KR','Jost',Arial,sans-serif;
    font-size:11px;
    letter-spacing:.04em;
}
.seoyun-cover__cta,
.seoyun-closing__link{
    font-size:11px;
}
.seoyun-thesis blockquote{
    font-family:'Songti SC','Noto Serif KR',Georgia,serif;
    font-size:clamp(42px,5vw,74px);
    line-height:1.12;
    letter-spacing:.01em;
}
.seoyun-thesis blockquote em{
    font-style:normal;
}
.seoyun-duality h2{
    font-family:'Songti SC','Noto Serif KR',Georgia,serif;
    font-size:21px;
    line-height:1.3;
    letter-spacing:.01em;
}
.seoyun-duality p,
.seoyun-thesis__copy>p,
.seoyun-panel__intro p{
    font-family:'Noto Sans KR','Jost',Arial,sans-serif;
}
.seoyun-archive__header h2{
    font-family:'Songti SC','Noto Serif KR',Georgia,serif;
    line-height:.98;
    letter-spacing:.01em;
}
.seoyun-archive__header h2 em{
    font-style:normal;
}
.seoyun-tabs{
    gap:0;
}
.seoyun-tab{
    flex:1 1 0;
    font-family:'Noto Sans KR','Jost',Arial,sans-serif;
    letter-spacing:.1em;
    text-align:center;
    text-transform:none;
}
.seoyun-panel__intro h3{
    font-family:'Songti SC','Noto Serif KR',Georgia,serif;
    font-size:clamp(28px,3vw,39px);
    line-height:1.2;
    letter-spacing:.01em;
    font-style:normal;
}
.seoyun-panel__intro>span{
    font-family:'Noto Sans KR','Jost',Arial,sans-serif;
    letter-spacing:.1em;
    text-transform:none;
}
.seoyun-media-card__footer{
    font-family:'Noto Sans KR','Jost',Arial,sans-serif;
    letter-spacing:.04em;
}
.seoyun-media-card__footer strong{
    letter-spacing:.03em;
}
.seoyun-lightbox__title{
    font-family:'Noto Sans KR','Jost',Arial,sans-serif;
    letter-spacing:.08em;
    text-transform:none;
}

@media screen and (max-width:767px){
    .seoyun-cover h1{
        font-size:clamp(72px,22vw,94px);
        letter-spacing:.08em;
    }
    .seoyun-cover__tagline{
        font-size:29px;
    }
    .seoyun-form-switch__button{
        grid-template-columns:auto minmax(0,1fr) auto;
        gap:7px;
    }
    .seoyun-form-switch__button strong{
        font-size:11px;
    }
    .seoyun-form-switch__button em{
        grid-column:auto;
        grid-row:auto;
        margin-top:0;
        font-size:11px;
    }
    .seoyun-cover__state strong{
        font-size:10px;
    }
    .seoyun-thesis blockquote{
        font-size:45px;
    }
    .seoyun-archive__header h2{
        font-size:56px;
    }
    .seoyun-tabs{
        justify-content:space-between;
    }
    .seoyun-tab{
        font-size:12px;
        letter-spacing:.1em;
    }
    .seoyun-panel__intro h3{
        font-size:29px;
    }
    .seoyun-media-card__footer{
        font-size:11px;
        letter-spacing:.03em;
    }
}

/* Quiet Korean profile layout: image first, typography second. */
.seoyun-page,
.seoyun-page button,
.seoyun-page a,
.seoyun-lightbox,
.seoyun-lightbox button{
    font-family:'Pretendard','Noto Sans KR','Apple SD Gothic Neo',Arial,sans-serif;
}
.seoyun-page{
    max-width:1360px;
    padding:24px clamp(16px,4vw,64px) calc(96px + env(safe-area-inset-bottom));
}
.seoyun-kicker{
    color:var(--seoyun-muted);
    font-size:11px;
    font-weight:600;
    letter-spacing:.04em;
}
.seoyun-cover{
    grid-template-columns:minmax(0,1.08fr) minmax(310px,.92fr);
    gap:clamp(28px,5vw,72px);
    align-items:start;
    min-height:0;
    padding:24px 0 76px;
}
.seoyun-cover__portrait{
    border-radius:16px;
    box-shadow:0 18px 45px rgba(46,32,38,.12);
}
.seoyun-cover__caption{
    font-size:10px;
    letter-spacing:.02em;
}
.seoyun-cover__content{
    max-width:500px;
    padding:34px 0 0;
}
.seoyun-cover__chapter{
    margin-top:28px;
    font-size:11px;
    letter-spacing:.03em;
}
.seoyun-cover h1,
.seoyun-cover__tagline,
.seoyun-thesis blockquote,
.seoyun-duality h2,
.seoyun-archive__header h2,
.seoyun-panel__intro h3,
.seoyun-closing__wordmark{
    font-family:'Pretendard','Noto Sans KR','Apple SD Gothic Neo',Arial,sans-serif!important;
    font-style:normal;
}
.seoyun-cover h1{
    margin:20px 0 10px;
    font-size:clamp(58px,6vw,86px);
    font-weight:700;
    line-height:1;
    letter-spacing:-.08em;
}
.seoyun-cover__tagline{
    color:var(--seoyun-ink);
    font-size:clamp(22px,2.4vw,31px);
    font-weight:600;
    line-height:1.28;
    letter-spacing:-.06em;
}
.seoyun-cover__tagline em{
    color:var(--seoyun-accent);
    font-style:normal;
}
.seoyun-cover__intro{
    max-width:410px;
    margin-top:23px;
    font-size:13px;
    line-height:1.8;
    letter-spacing:-.025em;
}
.seoyun-form-switch{
    gap:8px;
    max-width:500px;
    margin-top:28px;
}
.seoyun-form-switch__button{
    min-height:58px;
    padding:0 14px;
    border-radius:12px;
    grid-template-columns:minmax(0,1fr) auto;
}
.seoyun-form-switch__button strong{
    font-size:12px;
    font-weight:700;
    letter-spacing:-.03em;
}
.seoyun-form-switch__button em{
    font-size:11px;
    letter-spacing:-.02em;
}
.seoyun-cover__state{
    max-width:500px;
    margin-top:16px;
    padding:12px 0;
}
.seoyun-cover__state-label,
.seoyun-cover__state strong{
    font-size:10px;
    letter-spacing:-.02em;
}
.seoyun-facts{
    max-width:500px;
    margin-top:18px;
}
.seoyun-facts div{
    padding:12px 0;
}
.seoyun-facts dt,
.seoyun-facts dd{
    font-size:11px;
    letter-spacing:-.02em;
}
.seoyun-cover__cta{
    margin-top:24px;
    padding:10px 12px 10px 17px;
    border-radius:999px;
    color:var(--seoyun-page-bg);
    background:var(--seoyun-ink);
    font-size:11px;
    font-weight:700;
    letter-spacing:-.03em;
}
.seoyun-cover__cta i{
    width:24px;
    height:24px;
    border-color:currentColor;
}
.seoyun-cover__cta i::before{
    top:11px;
    background:currentColor;
}
.seoyun-cover__cta i::after{
    top:7px;
    border-color:currentColor;
}
.seoyun-cover__cta:hover,
.seoyun-cover__cta:focus-visible{
    color:var(--seoyun-ink);
    background:var(--seoyun-accent-soft);
}

.seoyun-thesis{
    display:block;
    padding:78px 0;
}
.seoyun-thesis__label{
    flex-direction:row;
    align-items:center;
    min-height:0;
    margin-bottom:28px;
}
.seoyun-thesis__label>span{
    font-size:11px;
    letter-spacing:.02em;
}
.seoyun-thesis__main{
    grid-template-columns:minmax(0,1.12fr) minmax(280px,.88fr);
    gap:clamp(36px,7vw,96px);
    align-items:start;
}
.seoyun-thesis blockquote{
    font-size:clamp(34px,4vw,56px);
    font-weight:700;
    line-height:1.22;
    letter-spacing:-.08em;
}
.seoyun-thesis blockquote em{
    color:var(--seoyun-accent);
    font-style:normal;
}
.seoyun-thesis__copy>p{
    max-width:390px;
    font-size:13px;
    line-height:1.8;
    letter-spacing:-.03em;
}
.seoyun-duality{
    gap:12px;
    margin-top:28px;
}
.seoyun-duality article{
    padding:16px;
    border:0;
    border-radius:12px;
    background:var(--seoyun-surface);
}
.seoyun-duality article>span{
    font-size:10px;
    letter-spacing:.02em;
}
.seoyun-duality h2{
    margin:13px 0 8px;
    font-size:18px;
    font-weight:700;
    letter-spacing:-.06em;
}
.seoyun-duality p{
    font-size:11px;
    line-height:1.6;
    letter-spacing:-.03em;
}

.seoyun-archive{
    padding-top:82px;
}
.seoyun-archive__header{
    align-items:center;
    justify-content:flex-start;
    padding-bottom:18px;
}
.seoyun-archive__header h2{
    margin-top:13px;
    font-size:clamp(42px,5vw,66px);
    font-weight:700;
    line-height:1.05;
    letter-spacing:-.09em;
}
.seoyun-archive__header h2 em{
    color:var(--seoyun-accent);
    font-style:normal;
}
.seoyun-archive__counter{
    gap:5px;
    font-size:11px;
    letter-spacing:.02em;
}
.seoyun-archive__counter small{
    font-size:10px;
    letter-spacing:.02em;
}
.seoyun-tabs{
    gap:4px;
    padding:4px;
    border:0;
    border-radius:12px;
    background:var(--seoyun-surface-soft);
}
.seoyun-tab{
    padding:12px 14px;
    border-radius:9px;
    color:var(--seoyun-muted);
    font-size:12px;
    font-weight:600;
    letter-spacing:-.03em;
}
.seoyun-tab::after{display:none;}
.seoyun-tab.is-active{
    color:var(--seoyun-page-bg);
    background:var(--seoyun-ink);
}
.seoyun-tab:hover,
.seoyun-tab:focus-visible{
    color:var(--seoyun-ink);
    background:rgba(255,255,255,.56);
}
.seoyun-tab.is-active:hover,
.seoyun-tab.is-active:focus-visible{
    color:var(--seoyun-page-bg);
    background:var(--seoyun-ink);
}
.seoyun-panels{
    padding-top:30px;
}
.seoyun-panel__intro{
    grid-template-columns:100px minmax(0,1fr);
    gap:24px;
    margin-bottom:18px;
}
.seoyun-panel__intro>span{
    padding-top:4px;
    font-size:10px;
    letter-spacing:.02em;
}
.seoyun-panel__intro h3{
    font-size:clamp(24px,2.8vw,34px);
    font-weight:700;
    line-height:1.25;
    letter-spacing:-.08em;
}
.seoyun-panel__intro p{
    margin-top:6px;
    font-size:12px;
    line-height:1.6;
    letter-spacing:-.03em;
}
.seoyun-media-grid{gap:16px;}
.seoyun-media-card{
    overflow:hidden;
    border-radius:14px;
}
.seoyun-media-card__footer{
    min-height:52px;
    padding:0 14px;
    font-size:11px;
    letter-spacing:-.03em;
}
.seoyun-media-card__footer strong{
    font-weight:700;
    letter-spacing:-.04em;
}

.seoyun-closing{
    margin-top:96px;
    padding:64px 20px 0;
}
.seoyun-closing__wordmark{
    margin:14px 0 6px;
    font-size:52px;
    font-weight:700;
    line-height:1;
    letter-spacing:-.09em;
}
.seoyun-closing__line{
    font-family:'Pretendard','Noto Sans KR','Apple SD Gothic Neo',Arial,sans-serif;
    font-size:14px;
    font-style:normal;
    letter-spacing:-.04em;
}
.seoyun-closing__link{
    padding:10px 12px 10px 16px;
    border-radius:999px;
    color:var(--seoyun-page-bg);
    background:var(--seoyun-ink);
    font-size:11px;
    font-weight:700;
    letter-spacing:-.03em;
}
.seoyun-closing__link span{
    width:24px;
    height:24px;
}

@media screen and (max-width:900px){
    .seoyun-cover{
        grid-template-columns:minmax(0,1fr) minmax(280px,.85fr);
        gap:28px;
    }
    .seoyun-cover h1{font-size:clamp(54px,8vw,76px);}
    .seoyun-thesis__main{grid-template-columns:1fr;gap:30px;}
}

@media screen and (max-width:767px){
    .seoyun-page{
        padding:12px 14px calc(80px + env(safe-area-inset-bottom));
    }
    .seoyun-cover{
        display:flex;
        flex-direction:column;
        align-items:stretch;
        min-height:0;
        gap:24px;
        padding:10px 0 52px;
    }
    .seoyun-cover__portrait{
        border-radius:13px;
    }
    .seoyun-cover__content{
        padding-top:18px;
    }
    .seoyun-cover__chapter{
        margin-top:23px;
    }
    .seoyun-cover h1{
        margin-top:15px;
        font-size:clamp(54px,18vw,72px);
        letter-spacing:-.1em;
    }
    .seoyun-cover__tagline{
        font-size:24px;
        letter-spacing:-.08em;
    }
    .seoyun-cover__intro{
        margin-top:20px;
        font-size:13px;
        line-height:1.75;
    }
    .seoyun-form-switch{
        margin-top:23px;
    }
    .seoyun-form-switch__button{
        min-height:56px;
        padding:0 11px;
        border-radius:10px;
        grid-template-columns:minmax(0,1fr) auto;
    }
    .seoyun-form-switch__button strong{
        font-size:11px;
    }
    .seoyun-form-switch__button em{
        font-size:10px;
    }
    .seoyun-cover__state{
        margin-top:14px;
    }
    .seoyun-facts{
        margin-top:16px;
    }
    .seoyun-cover__cta{
        margin-top:22px;
    }
    .seoyun-thesis{
        padding:56px 0 62px;
    }
    .seoyun-thesis__label{
        margin-bottom:22px;
    }
    .seoyun-thesis__main{
        display:block;
        margin-top:0;
    }
    .seoyun-thesis blockquote{
        font-size:36px;
        letter-spacing:-.1em;
    }
    .seoyun-thesis__copy{
        margin-top:28px;
    }
    .seoyun-thesis__copy>p{
        font-size:13px;
    }
    .seoyun-duality{
        gap:9px;
        margin-top:22px;
    }
    .seoyun-duality article{
        padding:13px;
        border-radius:10px;
    }
    .seoyun-duality h2{
        margin-top:11px;
        font-size:16px;
    }
    .seoyun-duality p{
        font-size:10px;
    }
    .seoyun-archive{
        padding-top:60px;
    }
    .seoyun-archive__header{
        padding-bottom:15px;
    }
    .seoyun-archive__header h2{
        margin-top:11px;
        font-size:42px;
    }
    .seoyun-archive__counter{
        font-size:10px;
    }
    .seoyun-archive__counter small{
        font-size:9px;
    }
    .seoyun-tabs{
        gap:3px;
        padding:3px;
        border-radius:10px;
    }
    .seoyun-tab{
        padding:11px 5px;
        border-radius:8px;
        font-size:11px;
    }
    .seoyun-panels{
        padding-top:24px;
    }
    .seoyun-panel__intro{
        grid-template-columns:1fr;
        gap:7px;
        margin-bottom:15px;
    }
    .seoyun-panel__intro>span{
        padding-top:0;
    }
    .seoyun-panel__intro h3{
        font-size:25px;
    }
    .seoyun-panel__intro p{
        font-size:11px;
    }
    .seoyun-media-grid{
        gap:12px;
    }
    .seoyun-media-card{
        border-radius:11px;
    }
    .seoyun-media-card__footer{
        min-height:48px;
        padding:0 11px;
        font-size:11px;
    }
    .seoyun-closing{
        margin-top:76px;
        padding-top:48px;
    }
    .seoyun-closing__wordmark{
        font-size:42px;
    }
    .seoyun-closing__line{
        font-size:13px;
    }
}

/* The hero owns the page statement; this section only explains the two modes. */
.seoyun-thesis__main{
    display:block;
    max-width:920px;
}
.seoyun-thesis__copy{
    max-width:760px;
}
.seoyun-thesis__copy>p{
    max-width:600px;
}

@media screen and (max-width:767px){
    .seoyun-thesis__copy{
        max-width:none;
    }
}

/* BASIC css end */