@font-face{font-family:Pretendard;src:url('assets/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--paper:#f6f4f1;--ink:#272625;--muted:#736c66;--rose:#9b7779;--line:#d9d3cd;--preview:32px;--footer:64px}*{box-sizing:border-box}body{margin:0;height:100dvh;overflow:hidden;background:var(--paper);color:var(--ink);font-family:Pretendard,sans-serif;letter-spacing:-.025em;word-break:keep-all;transition:background .35s,color .35s}p,h1,h2,h3,figure,dl{margin:0}button,input{font:inherit}button{border:0;cursor:pointer;color:inherit}button:disabled{opacity:.3;cursor:default}button,a,input{touch-action:manipulation}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--rose);outline-offset:4px}[hidden]{display:none!important}.preview{height:var(--preview);display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#eae5df;color:#746c65;font-size:10px;letter-spacing:0}.preview button{font-size:10px;padding:5px 10px;border-radius:20px;background:none}.preview button[aria-pressed=true]{background:#fffbf6}.preview small{font-size:9px;margin-left:5px}#deck{height:calc(100dvh - var(--preview) - var(--footer));overflow:hidden;outline:0}.slide{height:100%;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;animation:scene-in .45s ease both}.layout{width:min(100%,1440px);height:100%;min-height:min-content;margin:auto;padding:46px 7vw;display:grid;align-items:center;gap:5vw}.section-label{font-size:13px;line-height:1.7;color:var(--muted);font-weight:500}h1,h2{font-weight:600;font-size:clamp(38px,3.5vw,54px);line-height:1.25;letter-spacing:-.045em}h3{font-weight:600}.lead-note,.intro-description{font-size:17px;line-height:1.8;color:var(--muted)}.brand-mark{display:block;position:relative;overflow:hidden;width:160px;height:34px}.brand-mark:before{content:'';position:absolute;left:-31px;top:-95px;width:222px;height:222px;background:white;mask:url('assets/cvens-logo.png') center/100% 100% no-repeat;mask-mode:luminance}
.invitation-layout{grid-template-columns:1.2fr .8fr;gap:8vw}.cover-brand{margin-bottom:34px}h1 .line{display:block}h1 .line:last-child{color:var(--rose);font-weight:500;margin-top:7px}.intro-description{max-width:450px;margin-top:28px}.proposal-note{margin-top:30px;padding-top:20px;border-top:1px solid var(--line);max-width:450px}.proposal-note>span{font-size:12px;color:var(--muted)}.proposal-note p{font-size:15px;line-height:1.7;margin-top:6px}.cover-hint{font-size:12px;color:var(--muted);margin-top:34px}.cover-hint span{margin-left:24px}.portrait-figure{width:100%;max-width:400px;justify-self:end}.portrait-mat{overflow:hidden;border-radius:6px}.portrait-mat img{display:block;width:100%;height:min(60vh,570px);object-fit:cover;object-position:50% 34%;animation:photo-in .7s ease both}.portrait-figure figcaption{display:grid;grid-template-columns:1fr auto;gap:6px 10px;margin-top:14px;font-size:13px;color:var(--muted)}.portrait-figure strong{font-size:16px;font-weight:600;color:var(--ink)}.portrait-figure small{font-size:11px;grid-column:1/-1}
.company-story-layout{grid-template-columns:1fr 1.15fr;gap:6vw}.company-story-copy>.brand-mark{margin-bottom:30px}.company-story h2{font-size:clamp(34px,3.2vw,48px);margin-top:15px}.company-story .lead-note{margin-top:22px;font-size:17px}.company-work{margin-top:30px;border-top:1px solid var(--line)}.company-work>div{display:grid;grid-template-columns:105px 1fr;gap:18px;padding:15px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.6}.company-work dt{color:var(--ink);font-weight:500}.company-work dd{margin:0;color:var(--muted)}.scope-note{font-size:12px;line-height:1.7;color:var(--muted);margin-top:18px}.company-photo{min-width:0}.company-photo img{width:100%;max-height:54vh;display:block;object-fit:contain;border-radius:6px;animation:photo-in .7s ease both}.company-photo figcaption{display:block;margin-top:15px;color:var(--muted);font-size:13px;line-height:1.7}.company-photo figcaption small{display:block;font-size:11px;margin-top:4px}
.fieldwork-layout{display:flex;flex-direction:column;justify-content:center;align-items:stretch;padding-top:32px;padding-bottom:30px;gap:25px}.case-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:10px 6vw}.case-intro .section-label{grid-column:1/-1;color:var(--rose)}.case-intro h2{font-size:36px;line-height:1.3}.case-intro>p:last-child{font-size:15px;line-height:1.8;color:var(--muted);max-width:470px;padding-bottom:4px}.case-gallery{width:100%;max-width:1020px;align-self:center}.case-frame{display:flex;flex-direction:column;align-items:center}.case-frame img{display:block;width:auto;max-width:100%;height:47vh;max-height:440px;object-fit:contain;border-radius:5px;animation:documentary-reveal .7s ease both}.case-frame figcaption{font-size:12px;line-height:1.6;color:var(--muted);margin-top:10px;align-self:flex-start}.case-photo-controls{margin-top:14px;padding-top:13px;border-top:1px solid var(--line);display:flex;align-items:center;gap:8px}.case-photo-controls button{font-size:12px;border-radius:20px;padding:8px 16px;background:none;border:1px solid var(--line);font-weight:500}.case-photo-controls button[aria-pressed=true]{background:#292726;color:#faf8f4;border-color:#292726}.case-photo-controls>span{font-size:11px;color:var(--muted);margin-left:auto}.photo-reveal{animation:documentary-reveal .45s ease both!important}
.settlement-layout{grid-template-columns:1fr 1fr;gap:9vw}.settlement-heading h2{margin-top:20px;font-size:clamp(38px,3.5vw,54px)}.settlement-heading strong{color:var(--rose);font-weight:600}.settlement-promise{font-size:18px;line-height:1.8;margin-top:30px}.settlement-scope{font-size:15px;color:var(--muted);line-height:1.8;margin-top:22px}.statement-example{background:#fbfaf7;color:#302d29;padding:34px 32px 27px;border:1px solid #d9cdc4;border-radius:5px;box-shadow:0 8px 22px #5a3b3009;animation:scene-in .55s ease both}.statement-top{display:flex;justify-content:space-between;align-items:center;font-size:24px;font-weight:600;border-bottom:2px solid #3f3935;padding-bottom:23px}.statement-top b{font-size:11px;font-weight:500;color:#846e62;border:1px solid #bbaa9d;border-radius:3px;padding:5px 9px}.statement-caption{font-size:12px;color:#85776e;margin-top:16px}.statement-example dl{margin-top:20px}.statement-example dl>div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #e0d7cf;padding:18px 0;font-size:15px}.statement-example dt{color:#77685f}.statement-example dd{margin:0}.statement-example .statement-total{border-top:1px solid #b8a69a;border-bottom:0;margin-top:8px;padding-top:24px;font-weight:600}.statement-example figcaption{font-size:11px;line-height:1.6;color:#85776e;padding-top:16px;margin-top:8px;border-top:1px solid #e0d7cf}
.closing-layout{grid-template-columns:1.3fr .7fr;grid-template-rows:1fr auto;gap:36px 8vw}.closing-copy h2{margin-top:25px}.closing em{font-style:normal;color:var(--rose);font-weight:500}.closing .lead-note{margin-top:23px}.button{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:40px;padding:16px 27px;border-radius:100px;font-size:15px;font-weight:500;transition:transform .2s,background .2s}.primary{background:#292726;color:#faf6f1}.button:hover{transform:translateY(-2px);background:#514641}.button span{font-size:22px;line-height:1}.closing .button{margin-top:30px}.contact-note{border-left:1px solid var(--line);padding:5px 0 8px 34px;align-self:center}.contact-name{font-size:30px;font-weight:600;margin-top:16px}.contact-note>p:not(.contact-name){font-size:15px;line-height:1.7;color:var(--muted);margin-top:9px}.contact-divider{width:38px;height:2px;background:#ad898b;margin:28px 0 20px}.compact-steps{grid-column:1/-1;list-style:none;padding:23px 0 0;margin:0;border-top:1px solid var(--line);display:flex;gap:45px}.compact-steps li{font-size:14px;color:var(--muted)}.compact-steps li>span{font-size:11px;color:var(--rose);margin-right:13px}
footer{height:var(--footer);margin:0 36px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.page-number{display:flex;align-items:center;gap:12px;min-width:150px;font-size:12px;color:var(--muted)}#page-current{color:var(--ink)}.number-line{width:24px;height:1px;background:var(--line)}#page-tabs{display:flex;gap:8px}#page-tabs button{width:30px;height:42px;padding:20px 0;background:none}#page-tabs button:after{content:'';display:block;height:2px;background:var(--line)}#page-tabs button[aria-current=step]:after{background:var(--rose)}.page-buttons{display:flex;align-items:center;gap:8px}.page-buttons button{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:none;font-size:21px}.swipe-hint{font-size:11px;margin-right:18px;color:var(--muted)}body[data-theme=dark]{--paper:#262524;--ink:#f5f2ee;--muted:#c0b7ae;--rose:#c4a2a3;--line:#534e48}body[data-theme=rose]{--paper:#eee4df;--ink:#302b29;--muted:#75635c;--rose:#966d72;--line:#cdbbb2}.skip{position:fixed;top:-70px;left:10px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
dialog{border:0;border-radius:22px;background:#f6f4f1;color:#292827;padding:40px;width:min(440px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto}dialog::backdrop{background:#2927259e;backdrop-filter:blur(5px)}.close{position:absolute;right:12px;top:10px;width:40px;height:40px;font-size:28px;background:none;color:#776b64}dialog h2{font-size:28px;margin-top:15px}#meeting-description{font-size:13px;color:#796a61;margin:16px 0 26px}form label{display:block;font-size:14px;margin:18px 0 9px}form input{width:100%;border:1px solid #c8bdb3;border-radius:10px;padding:14px 15px;background:#fffcf8;color:#292827;font-size:16px}form .button,#demo-result .button{width:100%;margin-top:10px}.disclaimer{font-size:12px;line-height:1.7;color:#796a61;margin:18px 0}.result-mark{display:flex;width:48px;height:48px;border-radius:50%;background:#e9d5cc;color:#936760;align-items:center;justify-content:center;font-size:23px}#demo-result p{font-size:14px;line-height:1.8;color:#796a61;margin:20px 0 27px}
@keyframes scene-in{from{opacity:0}to{opacity:1}}@keyframes photo-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes documentary-reveal{from{opacity:0}to{opacity:1}}
@media(max-width:1000px){.layout{padding:36px 5vw;gap:4vw}h1,h2{font-size:41px}.intro-description,.lead-note{font-size:16px}.company-story h2{font-size:36px}.company-story .lead-note{font-size:15px}.company-work>div{grid-template-columns:90px 1fr;gap:10px;font-size:13px}.company-story-copy>.brand-mark{margin-bottom:23px}.company-work{margin-top:24px}.case-intro h2{font-size:32px}.case-intro>p:last-child{font-size:14px}.case-frame img{height:43vh}.settlement-heading h2{font-size:40px}.settlement-promise{font-size:16px}.settlement-scope{font-size:14px}.statement-example{padding:28px 25px}.swipe-hint{display:none}.contact-note{padding-left:24px}.contact-note>p:not(.contact-name){font-size:14px}}
@media(max-width:700px){:root{--footer:62px}.preview{padding:0 17px}.preview button{padding:5px 7px}.layout{height:auto;min-height:100%;padding:27px 24px;gap:24px}.section-label{font-size:12px}h1,h2{font-size:34px}.lead-note,.intro-description{font-size:14px;line-height:1.8}.invitation-layout{grid-template-columns:1fr 130px;align-content:center;gap:22px 20px}.intro-copy{display:contents}.cover-brand{grid-column:1;grid-row:1;margin:0;max-width:120px}.portrait-figure{grid-column:2;grid-row:1;width:130px}.portrait-mat img{height:175px}.portrait-figure figcaption{font-size:10px;gap:5px;margin-top:9px}.portrait-figure strong{font-size:13px}.portrait-figure small{font-size:10px}h1{grid-column:1/-1;font-size:33px}.intro-description{grid-column:1/-1;margin:0}.proposal-note{grid-column:1/-1;margin:0;padding-top:16px}.proposal-note p{font-size:13px}.proposal-note>span{font-size:11px}.cover-hint{grid-column:1/-1;margin:0;font-size:11px}.company-story-layout{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:22px}.company-story-copy{display:contents}.company-story-copy>.brand-mark{width:120px;height:26px;margin:0}.company-story-copy>.brand-mark:before{width:166px;height:166px;left:-23px;top:-71px}.company-story-copy>.section-label{display:none}.company-story h2{font-size:31px;margin:0;order:0}.company-story .lead-note{font-size:14px;margin:0;order:1}.company-story .lead-note br{display:none}.company-photo{order:2}.company-photo img{width:100%;max-height:24vh;object-fit:contain;border-radius:4px}.company-photo figcaption{font-size:11px;margin-top:8px;line-height:1.6}.company-photo figcaption small{font-size:9px;margin-top:2px}.company-work{order:3;margin:0}.company-work>div{padding:10px 0;grid-template-columns:82px 1fr;font-size:12px;gap:13px}.scope-note{order:4;font-size:10px;margin:0;line-height:1.6}.fieldwork-layout{display:flex;justify-content:center;gap:25px;padding:28px 24px}.case-intro{display:block}.case-intro .section-label{font-size:12px}.case-intro h2{font-size:30px;margin-top:14px}.case-intro>p:last-child{font-size:13px;line-height:1.8;margin-top:18px;padding:0}.case-frame img{width:100%;height:32vh;max-height:300px;object-fit:contain}.case-frame figcaption{font-size:11px;align-self:center;margin-top:9px}.case-photo-controls{flex-wrap:wrap;justify-content:center;margin-top:17px;padding-top:15px;gap:8px}.case-photo-controls button{font-size:12px;padding:8px 17px}.case-photo-controls>span{width:100%;text-align:center;font-size:10px;margin:4px 0 0}.settlement-layout{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:26px}.settlement-heading h2{font-size:35px;margin-top:15px}.settlement-promise{font-size:14px;margin-top:19px}.settlement-scope{font-size:13px;margin-top:12px}.settlement-promise br,.settlement-scope br{display:none}.statement-example{padding:23px 24px 20px}.statement-top{font-size:21px;padding-bottom:15px}.statement-caption{font-size:11px;margin-top:12px}.statement-example dl{margin-top:12px}.statement-example dl>div{font-size:14px;padding:12px 0}.statement-example .statement-total{padding-top:16px;margin-top:4px}.statement-example figcaption{font-size:10px;padding-top:12px;margin-top:4px}.closing-layout{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:28px}.closing-copy h2{font-size:34px;margin-top:19px}.closing .lead-note{font-size:13px;margin-top:18px}.closing .button{margin-top:22px}.button{font-size:14px;min-height:51px;padding:15px 24px;gap:35px}.contact-note{display:grid;grid-template-columns:1fr 2fr;gap:4px 14px;border-left:0;border-top:1px solid var(--line);padding:20px 0 0;width:100%}.contact-note>.section-label{grid-column:1;grid-row:1}.contact-name{grid-column:1;grid-row:2;font-size:24px;margin:0}.contact-note>p:not(.contact-name){grid-column:2;font-size:12px;align-self:center;margin:0}.contact-description{grid-row:2}.contact-divider{display:none}.compact-steps{padding-top:18px;gap:0;justify-content:space-between}.compact-steps li{font-size:11px}.compact-steps li>span{font-size:10px;margin-right:6px}footer{margin:0 24px;position:relative;padding-top:8px}.page-number{min-width:0;font-size:11px}.page-buttons button{width:36px;height:36px}#page-tabs{position:absolute;top:0;left:0;right:0;gap:5px}#page-tabs button{flex:1;width:auto;height:13px;padding:0}dialog{padding:34px 25px 26px}dialog h2{font-size:26px}}
@media(max-width:700px) and (max-height:740px){.layout{padding:21px 22px;gap:19px}.invitation-layout{grid-template-columns:1fr 107px;gap:17px}.portrait-figure{width:107px}.portrait-mat img{height:137px}.portrait-figure figcaption>span{display:none}h1{font-size:29px}.intro-description{font-size:13px}.proposal-note p{font-size:12px}.company-story-layout{gap:14px}.company-story h2{font-size:27px}.company-story .lead-note{font-size:12px}.company-photo img{max-height:20vh}.company-work>div{padding:8px 0;font-size:11px;grid-template-columns:77px 1fr}.scope-note{font-size:9px}.case-intro h2{font-size:27px;margin-top:11px}.case-intro>p:last-child{font-size:12px;margin-top:14px}.case-frame img{height:31vh}.case-photo-controls{margin-top:13px;padding-top:12px}.settlement-heading h2{font-size:31px;margin-top:10px}.settlement-promise{font-size:13px;margin-top:12px}.settlement-scope{font-size:12px;margin-top:8px}.statement-example{padding:18px 20px 15px}.statement-top{font-size:19px;padding-bottom:12px}.statement-caption{margin-top:9px}.statement-example dl{margin-top:8px}.statement-example dl>div{font-size:13px;padding:10px 0}.statement-example .statement-total{padding-top:13px}.statement-example figcaption{font-size:9px}.closing-copy h2{font-size:30px;margin-top:14px}.closing .lead-note{font-size:12px;margin-top:14px}.closing .button{margin-top:17px}.contact-note{padding-top:16px}.compact-steps{padding-top:16px}}
@media(max-width:360px){.preview{padding:0 12px}.preview small{display:none}.layout{padding-left:20px;padding-right:20px}.company-story h2{font-size:25px}.case-intro h2{font-size:25px}.case-intro>p:last-child{font-size:11px}.case-photo-controls>span{font-size:9px}.settlement-heading h2{font-size:28px}.contact-note{grid-template-columns:.75fr 1.5fr;gap:4px 10px}.contact-note>p:not(.contact-name){font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
