:root{--ink:#163e34;--mint:#83dfbd;--green:#247b61;--paper:#fcfdf9;--muted:#6a7d72;--line:#d7e1d8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;background:#e8ede7;color:var(--ink);font-family:Arial,'Apple SD Gothic Neo','Malgun Gothic',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;border:0;background:none;color:inherit;cursor:pointer;padding:10px}button:hover,a:hover{color:var(--green)}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:4px}header{height:68px;display:flex;align-items:center;gap:26px;padding:0 4vw;position:sticky;top:0;background:#e8ede7f5;z-index:5;border-bottom:1px solid #d7e1d8}.wordmark{font-size:27px;font-weight:800;letter-spacing:-1.5px}.wordmark span{color:var(--green)}.header-sub{font-size:10px;letter-spacing:2px}.draft{margin-left:auto;font-size:11px;color:#667c70;border:1px solid #c8d5ca;border-radius:30px;padding:6px 12px}header button{font-size:12px}main{max-width:1680px;margin:auto;padding:18px 28px 90px}.slide{container-type:inline-size;aspect-ratio:16/9;padding:4.6% 5.4% 6%;background:var(--paper);position:relative;margin-bottom:26px;overflow:hidden;box-shadow:0 12px 35px #234b3510}.eyebrow{font-size:.84cqw;letter-spacing:.19em;font-weight:700;color:var(--green);margin-bottom:1.7cqw}h1{font-size:3.5cqw;line-height:1.23;letter-spacing:-.065em;margin:0;font-weight:650}.lead{font-size:1.18cqw;line-height:1.8;color:var(--muted);margin:1.45cqw 0 2.8cqw}.body{font-size:1.13cqw;line-height:1.8}h3{font-size:1.55cqw;line-height:1.5;letter-spacing:-.04em;margin:0 0 1cqw}p{margin:0 0 1.25cqw}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:2.1cqw}.cards article{padding:1.8cqw 0;border-top:1px solid var(--green)}.cards .num{display:block;color:#8da799;font-size:1cqw;margin-bottom:2cqw}.cards p{color:var(--muted);font-size:1.15cqw;line-height:1.9}.factline{border-top:1px solid var(--line);display:flex;gap:3cqw;padding-top:1.5cqw;margin-top:2cqw;font-size:1cqw;color:var(--muted)}.factline b{color:var(--ink)}.strip{padding:1.35cqw 1.8cqw;background:#eaf1e8;margin-top:2.1cqw;font-size:1.2cqw;display:flex;justify-content:space-between;gap:1cqw}.strip i{font-style:normal;color:#79aa90}.split{display:grid;grid-template-columns:1fr 1.12fr;gap:4cqw;align-items:start}.split p{font-size:1.1cqw;color:var(--muted);line-height:1.9}.split h3{font-size:1.35cqw;margin-bottom:.6cqw}.split figure{margin:0;align-self:center}.split img{width:100%;max-height:21cqw;object-fit:contain;background:#e7ece5}.split figcaption{font-size:.85cqw;margin-top:.6cqw;color:var(--muted)}.deliver{border-top:1px solid var(--line);padding-top:1.2cqw;margin-top:1.5cqw;font-size:1.05cqw;color:var(--green)}.deliver b{display:block}.case-pair{display:grid;grid-template-columns:1fr 1fr;gap:2cqw}.case-pair article{border:1px solid var(--line);padding:2cqw}.tag{font-size:.85cqw;letter-spacing:.07em;color:var(--green);display:block;margin-bottom:1cqw}.case-pair h3{font-size:1.5cqw}.case-pair p{font-size:1.05cqw;color:var(--muted)}.case-pair p b{display:block;color:var(--ink)}.tint{background:#eaf2e9}.source{font-size:.78cqw!important;color:#8c9b90!important;margin-top:1.3cqw;line-height:1.7}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1.7cqw;margin-top:3.5cqw}.gallery figure{margin:0}.gallery img{width:100%;height:14cqw;object-fit:cover;background:#e4ece5}.gallery figcaption{font-size:1.1cqw;line-height:1.7;margin-top:1cqw}.dark{background:#123f35;color:#f7fff8}.dark .eyebrow{color:var(--mint)}.dark .lead{color:#b2d2c1}.cover h1{font-size:5.6cqw;position:relative;z-index:2;margin-top:4.5cqw}.cover .lead{font-size:1.45cqw;position:relative;z-index:2;margin-top:2.4cqw}.cover-meta{font-size:1.25cqw;line-height:2;color:var(--mint);position:relative;z-index:2}.cover-meta span{font-size:1cqw;color:#b1c9bd}.orb{position:absolute;width:45%;height:85%;right:-4%;top:10%;border-radius:50%;border:1px solid #72d5b333;transform:rotate(-20deg);background:repeating-linear-gradient(90deg,transparent 0 3cqw,#7ad8b00b 3cqw 3.05cqw),repeating-linear-gradient(0deg,transparent 0 3cqw,#7ad8b00b 3cqw 3.05cqw)}.orb:before,.orb:after,.orb div{content:'';position:absolute;inset:15%;border:1px solid #82dfbd88;border-radius:32%;transform:rotate(40deg)}.orb:after{inset:25%;transform:rotate(65deg)}.orb div{inset:5%;transform:rotate(10deg)}.orb span{position:absolute;bottom:9%;left:12%;font-size:.8cqw;letter-spacing:.18em;color:#83dfbd99}.email{display:block;font-size:3cqw;margin:3.6cqw 0 2.5cqw;border-bottom:1px solid #7db59b66;padding-bottom:1cqw;width:76%;letter-spacing:-.03em}.email span{float:right;color:var(--mint)}.contact-line{font-size:1.2cqw;color:#b5d1c1}.contact-line span{margin-left:3cqw}.end-note{font-size:.85cqw;letter-spacing:.14em;color:#85b49d;margin-top:3cqw}footer{position:absolute;bottom:3.5%;left:5.4%;right:5.4%;display:flex;align-items:center;gap:2cqw;font-size:.8cqw;color:#92a397}footer b{font-size:1.6cqw;letter-spacing:-.1em;color:#94a298}footer small{font-size:.65cqw;letter-spacing:.15em}footer>span{margin-left:auto}.dark footer{color:#7fa893}.dark footer b{color:#a1c4af}nav{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;gap:22px;background:#e8ede7f5;padding:10px 3vw;z-index:6;font-size:12px;border-top:1px solid #d6e0d6}nav button{font-size:22px}.track{height:2px;background:#c9d8cb;flex:1}.track i{display:block;height:100%;background:var(--green);width:7.14%}dialog{width:min(780px,94vw);max-height:85vh;border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:32px}dialog::backdrop{background:#08291ed0}dialog>button{float:right}dialog h2{margin-top:0}dialog a{display:flex;gap:20px;padding:12px 0;border-top:1px solid var(--line);font-size:15px}dialog a span{color:var(--green)}dialog p{font-size:12px;color:var(--muted);margin-top:20px}@media(min-width:900px){.slide{min-height:0}}@media(max-width:700px){html{scroll-padding-top:65px}header{height:58px;padding:0 18px;gap:12px}.wordmark{font-size:23px}.header-sub{display:none}.draft{font-size:9px;padding:5px 8px}header button{font-size:11px;padding:5px}main{padding:12px 12px 75px}.slide{aspect-ratio:auto;min-height:75vh;padding:34px 24px 76px;margin-bottom:14px;overflow:hidden}.eyebrow{font-size:10px;margin-bottom:20px}h1{font-size:32px;line-height:1.35}.lead{font-size:14px;margin:18px 0 28px}.body{font-size:15px}.cards,.split,.case-pair,.gallery{grid-template-columns:1fr;gap:22px}.cards article{padding:18px 0 0}.cards .num{font-size:11px;margin-bottom:13px}h3,.cards h3,.split h3,.case-pair h3{font-size:20px;margin-bottom:10px}.cards p,.split p,.case-pair p{font-size:14px;line-height:1.9;margin-bottom:14px}.factline{font-size:12px;flex-wrap:wrap;gap:10px 22px;padding-top:16px;margin-top:15px}.strip{font-size:13px;display:block;line-height:2.4;padding:15px;margin-top:20px}.strip i{margin:0 10px}.split img{max-height:300px}.split figcaption,.gallery figcaption{font-size:12px;margin-top:8px}.deliver{font-size:13px;padding-top:15px;margin-top:15px}.case-pair article{padding:20px}.tag{font-size:11px;margin-bottom:13px}.source{font-size:10px!important;margin-top:20px}.gallery{margin-top:20px}.gallery img{height:auto;max-height:280px;object-fit:contain}.cover{min-height:80vh}.cover h1{font-size:40px;margin-top:70px}.cover .lead{font-size:15px;margin-top:28px}.cover-meta{font-size:14px;margin-top:35px}.cover-meta span{font-size:12px}.orb{width:100%;right:-55%;opacity:.5}.orb span{display:none}.email{font-size:24px;width:100%;margin:50px 0 26px;padding-bottom:15px}.contact-line{font-size:13px;line-height:2}.contact-line span{display:block;margin-left:0}.end-note{font-size:9px;letter-spacing:.05em;margin-top:45px}footer{left:24px;right:24px;bottom:20px;font-size:10px}footer b{font-size:20px}footer small{font-size:7px;letter-spacing:.05em}nav{gap:16px;padding:8px 18px}}@media print{header,nav,dialog{display:none}body{background:white}main{padding:0}.slide{break-after:page;margin:0;box-shadow:none;width:100vw;height:56.25vw}}
/* Brand alignment with the existing IR, larger reading sizes. */
.header-logo{display:block;width:120px;height:auto;object-fit:contain}.wordmark{display:flex;align-items:center}footer{bottom:2.4%;align-items:flex-end}footer .footer-logo{display:block;width:5.44cqw;height:auto;object-fit:contain;object-position:left bottom;align-self:flex-end}h1{font-size:3.7cqw}.lead{font-size:1.42cqw;margin:1.3cqw 0 2.2cqw;line-height:1.7}.body{font-size:1.4cqw;line-height:1.7}.cards article{padding:1.4cqw 0}.cards .num{font-size:1.15cqw;margin-bottom:1.4cqw}.cards h3,h3{font-size:1.8cqw}.cards p{font-size:1.4cqw;line-height:1.75}.split p,.case-pair p{font-size:1.36cqw;line-height:1.7;margin-bottom:1cqw}.split h3,.case-pair h3{font-size:1.65cqw;margin-bottom:.6cqw}.deliver{font-size:1.28cqw;line-height:1.6;margin-top:1cqw;padding-top:.9cqw}.tag{font-size:1.05cqw}.source{font-size:.96cqw!important}.split img{height:22cqw;max-height:none;object-fit:cover;object-position:center}.split figure{overflow:hidden}.split figcaption,.gallery figcaption{font-size:1.12cqw}.gallery img{height:16cqw;object-fit:cover}.gallery{margin-top:2.3cqw}.factline{font-size:1.17cqw}.strip{font-size:1.4cqw}.cover h1{font-size:5cqw;max-width:65%;margin-top:4.5cqw;z-index:2}.cover .lead{font-size:1.55cqw;max-width:65%;z-index:2}.cover-meta{font-size:1.4cqw;max-width:58%}.cover-meta span{font-size:1.16cqw}.cover-art{position:absolute;right:0;top:0;width:40%;height:100%;overflow:hidden;background:linear-gradient(150deg,#235e4c66,#0c2f27)}.space-grid{position:absolute;inset:0;background-image:linear-gradient(#8bd2b51a 1px,transparent 1px),linear-gradient(90deg,#8bd2b51a 1px,transparent 1px);background-size:5cqw 5cqw;transform:perspective(600px) rotateY(-18deg) rotateX(16deg) scale(1.4)}.vision-line{position:absolute;width:95%;left:1%;top:26%;color:#a2e0bf;filter:drop-shadow(0 0 18px #74d3b22a)}.dimension{position:absolute;color:#8bbda5;font-size:.7cqw;letter-spacing:.16cqw}.dimension-x{top:12cqw;left:7cqw}.dimension-y{bottom:10cqw;right:1.5cqw;writing-mode:vertical-rl}.email{font-size:3.5cqw;width:90%}.dark .body{position:relative;z-index:1}.cover .body{position:static}.cover footer{z-index:3}
@media(max-width:700px){.header-logo{width:102px;height:auto}h1{font-size:34px}.lead{font-size:16px;margin:18px 0 25px;line-height:1.7}.body{font-size:17px}.cards article{padding:20px 0 0}.cards .num{font-size:12px;margin-bottom:12px}.cards h3,h3,.split h3,.case-pair h3{font-size:22px;margin-bottom:10px}.cards p,.split p,.case-pair p{font-size:16px;line-height:1.8;margin-bottom:14px}.deliver{font-size:15px;line-height:1.7;margin-top:16px;padding-top:14px}.tag{font-size:12px}.source{font-size:11px!important}.split img,.gallery img{height:240px;max-height:none;object-fit:cover}.split figcaption,.gallery figcaption{font-size:13px}.gallery{margin-top:24px}.factline{font-size:13px}.strip{font-size:15px}.cover h1{font-size:40px;max-width:100%;margin-top:30px}.cover .lead{font-size:17px;max-width:100%;margin-top:25px}.cover-meta{font-size:16px;max-width:100%;margin-top:24px}.cover-meta span{font-size:13px}.cover-art{position:relative;inset:auto;width:100%;height:230px;margin-top:26px;border:1px solid #71978544;border-radius:12px}.space-grid{background-size:45px 45px}.vision-line{width:92%;height:100%;left:4%;top:0}.dimension{font-size:7px;letter-spacing:1.5px}.dimension-x{top:14px;left:16px}.dimension-y{right:12px;bottom:16px}footer .footer-logo{width:55.2px;height:auto}footer{bottom:20px}.email{font-size:25px;width:100%;overflow-wrap:anywhere}}
/* Page-specific review adjustments. */
.slide[id="3"] .strip{font-size:1.7cqw;font-weight:600}.cards h3,.split h3{font-size:1.9cqw}.slide[id="4"] .cards h3{font-size:1.8cqw}.slide[id="4"] .cards p{word-break:keep-all;overflow-wrap:normal}.slide[id="6"] .split img{object-position:center 12%}.slide[id="8"] .case-pair h3,.slide[id="12"] .case-pair h3{font-size:1.95cqw}.header-links{display:flex;align-items:center;gap:10px;font-size:12px;white-space:nowrap}.header-links>span{color:#a2afa5}.header-links a{padding:8px 0}
@media(max-width:700px){.slide[id="3"] .strip{font-size:18px}.cards h3,.split h3,.slide[id="4"] .cards h3{font-size:23px}.slide[id="8"] .case-pair h3,.slide[id="12"] .case-pair h3{font-size:24px}.header-sub,.draft{display:none}.header-links{font-size:11px;gap:7px;margin-left:auto}.header-logo{width:90px}header{gap:10px}.slide[id="6"] .split img{object-position:center top}}
.video-frame{position:relative;width:100%;aspect-ratio:16/9;background:#123f35;overflow:hidden}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.pdf-video{display:none}.video-link{display:inline-block;margin-left:.7em;color:var(--green);text-decoration:underline;text-underline-offset:3px}.video-figure{width:100%}.video-figure figcaption{line-height:1.8}
@media(max-width:700px){.video-frame{min-height:0}.video-link{display:block;margin:4px 0 0}}
@media print{.video-frame{display:none}.pdf-video{display:block}}
html{scroll-behavior:auto}
@font-face{font-family:PresentationPretendard;src:url('assets/ByondSans-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:PresentationPretendard;src:url('assets/ByondSans-SemiBold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:PresentationPretendard;src:url('assets/ByondSans-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
body{font-family:PresentationPretendard,sans-serif;font-synthesis:none}h1{font-weight:700}.language-toggle{margin-left:auto;display:flex;gap:2px;border:1px solid #c5d2c8;border-radius:20px;padding:3px;font-size:11px}.language-toggle span{padding:5px 8px;border-radius:16px}.language-toggle .active{background:#123f35;color:#fff}.contact address{font-style:normal;font-size:1.45cqw;line-height:1.6;color:#c0d9cb;margin-top:2cqw;max-width:95%}.contact .end-note{margin-top:2cqw}html[lang="en"] h1{font-size:3.3cqw;letter-spacing:-.04em}html[lang="en"] .cover h1{font-size:4.5cqw}html[lang="en"] .cards h3{font-size:1.65cqw}html[lang="en"] .cards p,html[lang="en"] .split p,html[lang="en"] .case-pair p{font-size:1.3cqw}html[lang="en"] .slide[id="3"] .strip{font-size:1.45cqw}html[lang="en"] .slide[id="8"] .case-pair h3,html[lang="en"] .slide[id="12"] .case-pair h3{font-size:1.8cqw}
@media(max-width:700px){header{gap:7px}.language-toggle{font-size:10px;padding:2px}.language-toggle span{padding:4px 6px}.header-logo{width:80px}header button{font-size:10px}.header-links{font-size:10px;gap:5px;margin-left:0}header #full{display:none}.contact address{font-size:16px;margin-top:24px}.contact .end-note{margin-top:24px}html[lang="en"] h1{font-size:31px}html[lang="en"] .cover h1{font-size:35px}html[lang="en"] .cards h3{font-size:22px}html[lang="en"] .cards p,html[lang="en"] .split p,html[lang="en"] .case-pair p{font-size:16px}html[lang="en"] .slide[id="3"] .strip{font-size:17px}html[lang="en"] .slide[id="8"] .case-pair h3,html[lang="en"] .slide[id="12"] .case-pair h3{font-size:23px}}
header #full{display:inline-flex;align-items:center;justify-content:center;padding:7px;min-width:32px;min-height:32px}header #full svg{display:block}@media(max-width:700px){header #full{display:inline-flex;min-width:26px;min-height:26px;padding:3px}header #full svg{width:17px;height:17px}header{gap:5px}.header-logo{width:74px}}
/* Match IR reading and presentation behavior. */
@media screen{body{padding-bottom:0}main{padding-bottom:20px}nav{display:none}html.presentation-mode,body.presentation-mode{overflow:hidden;height:100%}.presentation-mode main{position:relative;width:min(calc(100vw - 100px),calc((100dvh - 110px)*16/9),1600px);height:auto;aspect-ratio:16/9;max-width:none;margin:18px auto 0;padding:0}.presentation-mode .slide{display:none;position:absolute;inset:0;width:100%;height:100%;min-height:0;aspect-ratio:16/9;margin:0;overflow:hidden}.presentation-mode .slide.active{display:block}.presentation-mode nav{display:block;position:fixed;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;background:none;pointer-events:none;z-index:6}.presentation-mode nav #prev,.presentation-mode nav #next{position:absolute;top:50%;transform:translateY(-50%);pointer-events:auto;width:42px;height:58px;border-radius:8px;background:#e7ece8dc;font-size:28px}.presentation-mode nav #prev{left:4px}.presentation-mode nav #next{right:4px}.presentation-mode nav #count,.presentation-mode nav .track{display:none}}
@media screen and (max-width:700px){main{padding-bottom:20px}nav{display:none!important}}
@media screen and (min-width:701px){.presentation-mode main{position:fixed;left:50%;top:calc(50% + 34px);transform:translate(-50%,-50%);margin:0}.presentation-mode nav #prev,.presentation-mode nav #next{top:calc(50% + 34px)}}
#toc #close:focus,#toc #close:focus-visible{outline:none;box-shadow:none}