/* Native fonts keep Korean and Latin text visible across mobile browsers. */
:root{--paper:#faf9f6;--white:#fff;--ink:#282426;--muted:#847a7c;--line:#e8e1df;--wine:#784852;--rose:#eee4e4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a,input,select{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #bb727f;outline-offset:5px}img{max-width:100%;display:block}button{border:0}button:disabled{cursor:default;opacity:.3}[hidden]{display:none!important}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;border-right:1px solid var(--line);padding:36px 26px;display:flex;flex-direction:column;background:#fff;z-index:20}.brand{display:block;width:181px;margin-left:-5px}.workspace-label{font-size:10px;letter-spacing:3px;color:var(--muted);margin:14px 0 53px 6px}nav{display:grid;gap:9px}.nav-link{display:flex;gap:13px;align-items:center;padding:14px 12px;border-radius:8px;font-size:14px;color:#786e71;transition:.2s}.nav-link:hover{background:#faf6f5;color:var(--wine)}.nav-link.active{background:#f1e8e9;color:var(--wine);font-weight:700}.nav-icon{font-family:Arial;font-size:20px;width:20px}.nav-count{font-size:10px;margin-left:auto}.side-note{margin-top:auto;padding:50px 10px 35px}.small-rule{display:block;background:var(--wine);height:2px;width:24px;margin-bottom:20px}.side-note strong{font-size:13px}.side-note p{font-size:11px;line-height:1.9;color:var(--muted)}.company{margin:0 -5px;width:182px}main{margin-left:232px;padding:0 50px;max-width:1730px}.topbar{height:82px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:1.6px;color:var(--muted)}.topbar a{letter-spacing:0;color:var(--ink);font-size:12px}.topbar a span{padding-left:15px}.intro{display:flex;align-items:center;justify-content:space-between;padding:56px 0 54px;gap:50px}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:700;color:var(--wine);margin:0 0 14px}.intro h1{font-weight:400;font-size:52px;line-height:1.3;letter-spacing:-2.5px;margin:0}.intro h1 em{font-style:normal;color:var(--wine)}.lead{font-size:14px;color:#8a7e81;line-height:1.9;margin:20px 0 0}.intro-index{width:255px;border-top:1px solid var(--line);flex-shrink:0}.intro-index>span{font-size:9px;letter-spacing:2px;color:var(--muted);display:block;margin:18px 0 6px}.intro-index a{display:flex;align-items:center;gap:22px;padding:15px 0;border-bottom:1px solid var(--line)}.intro-index strong{font-family:Georgia,serif;font-weight:400;font-size:42px;line-height:1;color:var(--wine)}.intro-index p{font-size:12px}.intro-index i{font-style:normal;margin-left:auto;color:var(--wine)}.section{padding:25px 0 60px;scroll-margin-top:15px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:25px}.section-head .eyebrow{margin-bottom:8px}.section h2{font-size:22px;letter-spacing:-.7px;font-weight:700;margin:0}.section-aside{font-size:11px;color:var(--muted);margin:0 0 4px}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.video-card{background:white;border:1px solid var(--line);padding:0;text-align:left;border-radius:12px;overflow:hidden;transition:transform .25s,box-shadow .25s}.video-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #49343c0c}.video-poster{aspect-ratio:16/9;position:relative;overflow:hidden;background:#3d3034}.video-poster:after{position:absolute;inset:0;content:'';background:linear-gradient(0deg,#26161c60,transparent 50%);pointer-events:none}.video-poster img{height:100%;width:100%;object-fit:cover;transition:transform .5s}.video-card:hover .video-poster img{transform:scale(1.025)}.play-circle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;display:grid;place-items:center;background:#fffffff0;color:var(--wine);border-radius:50%;font-size:18px;padding-left:4px;box-shadow:0 0 0 8px #ffffff28;z-index:2}.video-duration{position:absolute;bottom:15px;right:15px;color:white;font-size:11px;padding:4px 7px;background:#302329a8;border-radius:4px;z-index:2}.poster-label{position:absolute;bottom:18px;left:20px;color:white;font-size:10px;letter-spacing:2px;z-index:2}.video-meta{display:flex;justify-content:space-between;align-items:center;padding:22px}.index{font-size:9px;letter-spacing:1.5px;color:var(--wine)}.video-meta h3{font-size:19px;letter-spacing:-.7px;margin:8px 0}.video-meta p{font-size:11px;color:var(--muted);margin:0}.circle-arrow{border:1px solid var(--line);display:grid;place-items:center;width:33px;height:33px;border-radius:50%;color:var(--wine)}.quick-chapters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:19px}.quick-chapters>span{font-size:11px;color:var(--muted);margin-right:9px}.quick-chapters button{font-size:11px;padding:9px 13px;background:#f0eae7;border-radius:30px;transition:.2s}.quick-chapters button:hover{background:var(--wine);color:white}.quick-chapters i{font-style:normal;margin-left:13px}.case-section{border-top:1px solid var(--line);padding-top:40px}.case-tabs{display:flex;gap:4px;background:#eee9e6;border-radius:8px;padding:4px}.case-tabs button{font-size:12px;padding:10px 18px;background:transparent;border-radius:6px;white-space:nowrap}.case-tabs button.selected{background:white;color:var(--wine);box-shadow:0 2px 7px #00000008}.case-caption{display:flex;align-items:center;justify-content:space-between;padding:20px 0 24px}.case-caption>div{display:flex;align-items:center;gap:16px}.case-number{font-size:9px;letter-spacing:1px;color:var(--wine);border-right:1px solid var(--line);padding-right:16px}.case-caption h3{font-size:16px;font-weight:400;margin:0}.case-caption p{font-size:11px;color:var(--muted);margin:0}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px;background:#f1edea;padding:24px;border-radius:12px}.photo-card{background:white;padding:0;overflow:hidden;border-radius:6px;display:flex;flex-direction:column;text-align:left}.photo-label{font-size:12px;padding:13px 16px;display:flex;align-items:center;gap:8px;background:#e9e1e0;flex-shrink:0}.photo-label.accent{background:var(--wine);color:white}.photo-label span{font-size:10px;margin-left:auto}.photo-label b{font-weight:400;opacity:.55}.photo-card img{width:100%;height:390px;object-fit:contain;background:#e6e4e2}.photo-card:hover img{filter:brightness(1.02)}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:20px;background:#f1edea;border-radius:12px}.timeline img{height:240px;object-fit:contain}.timeline .photo-label{font-size:11px;padding:11px}.case-note{color:#998e90;font-size:10px;margin:13px 0 0}.position-section{border-top:1px solid var(--line);padding-top:40px}.position-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.position-photo{padding:0;background:white;text-align:left;border-radius:8px;overflow:hidden;border:1px solid var(--line)}.position-photo img{width:100%;height:280px;object-fit:contain;background:#e9e7e4}.position-photo>span{display:flex;align-items:center;gap:10px;padding:17px;font-size:12px}.position-photo b{font-size:9px;color:var(--wine)}.position-photo i{font-style:normal;margin-left:auto;color:var(--wine)}.position-note{display:flex;justify-content:center;align-items:center;gap:25px;padding:20px;background:#efe6e6;border-radius:8px;margin-top:18px}.position-note strong{font-size:12px;font-weight:400}.position-note span{color:#a58b91}.print-banner{padding:40px;border-radius:12px;background:#6b414b;color:white;display:flex;justify-content:space-between;align-items:center}.print-banner .eyebrow{color:#d6b7be;font-size:9px}.print-banner h2{font-size:25px;font-weight:400;letter-spacing:-1px;margin:0 0 13px}.print-banner p:not(.eyebrow){font-size:12px;color:#d9bdc3;margin:0}.primary-button{display:flex;gap:30px;padding:15px 20px;background:white;color:var(--wine);border-radius:7px;font-size:12px}footer{display:flex;align-items:center;gap:20px;padding:45px 0 35px;color:var(--muted);font-size:10px}footer img{width:110px;opacity:.65}footer a{margin-left:auto}
dialog{border:0;border-radius:16px;padding:28px;max-width:1180px;width:calc(100vw - 60px);max-height:94dvh;background:#faf9f6;color:var(--ink);box-shadow:0 30px 100px #0005}dialog::backdrop{background:#21151bd9;backdrop-filter:blur(8px)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-head h2{font-size:22px;margin:0}.modal-head .eyebrow{margin-bottom:6px;font-size:9px}.close-button{font:30px Arial;background:#eae3e3;border-radius:50%;width:38px;height:38px;flex-shrink:0}.player-wrap{position:relative;background:#171315;border-radius:8px;overflow:hidden}.player-wrap video{display:block;width:100%;max-height:65dvh;aspect-ratio:16/9;object-fit:contain}.loading{position:absolute;inset:0;display:flex;gap:15px;align-items:center;justify-content:center;flex-direction:column;background:#20171ce6;color:white}.loading p{font-size:13px}.spinner{width:30px;height:30px;border:2px solid #ffffff25;border-top-color:#e6bac4;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.player-tools{display:flex;align-items:center;justify-content:space-between;padding:13px 0;font-size:11px;color:var(--muted);gap:15px}.player-tools select{font:inherit;padding:5px 9px;margin-left:9px;border:1px solid var(--line);background:white;border-radius:5px}.chapter-list{display:flex;gap:7px;overflow-x:auto;padding:8px 0 5px}.chapter-list button{flex-shrink:0;font-size:11px;background:#eee7e5;padding:10px 12px;border-radius:6px}.chapter-list button span{font-size:9px;color:var(--wine);margin-right:7px}.chapter-list button.active{background:var(--wine);color:white}.chapter-list button.active span{color:#e1c5cc}.lightbox{display:flex;align-items:center;justify-content:space-between;gap:18px}.lightbox img{height:68dvh;max-width:calc(100% - 110px);object-fit:contain}.lightbox button{font:38px Georgia;background:#ece5e5;width:38px;height:60px;border-radius:6px;flex-shrink:0}#photo-description{font-size:12px;text-align:center;color:var(--muted)}#player-error{padding:15px;border-radius:8px;background:#f4e2e2;font-size:13px;line-height:1.7}
@media(min-width:1500px){main{padding:0 70px}.intro h1{font-size:64px}.intro{padding:70px 0}.video-meta h3{font-size:22px}.photo-card img{height:470px}.timeline img{height:300px}}
@media(max-width:1100px){.sidebar{width:190px;padding:28px 18px}.brand{width:157px}.company{width:155px}main{margin-left:190px;padding:0 28px}.intro h1{font-size:43px}.intro-index{width:175px}.intro-index strong{font-size:34px}.section-aside{display:none}.video-meta{padding:17px}.video-meta h3{font-size:16px}.timeline{grid-template-columns:repeat(2,1fr)}.timeline img{height:300px}.position-grid{gap:12px}.position-photo>span{font-size:10px;padding:13px;gap:6px}.photo-card img{height:340px}.intro{gap:25px}}
@media(max-width:760px){.sidebar{position:sticky;top:0;width:100%;height:auto;padding:14px 20px;border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;gap:15px}.brand{width:126px;margin:0}.workspace-label,.side-note,.company,.nav-count{display:none}nav{display:flex;margin-left:auto;gap:2px}.nav-link{font-size:11px;padding:8px 9px;border-radius:5px}.nav-link .nav-icon{display:none}.nav-link:last-child{display:none}main{margin-left:0;padding:0 22px}.topbar{height:52px;font-size:8px;letter-spacing:1px}.topbar a{font-size:10px}.intro{padding:35px 0 32px;gap:10px}.intro h1{font-size:36px;letter-spacing:-1.5px}.intro .eyebrow{font-size:8px;letter-spacing:1.3px}.lead{font-size:11px;line-height:1.8;margin-top:16px}.intro-index{width:105px}.intro-index>span{font-size:6px;letter-spacing:1px;line-height:1.5}.intro-index a{gap:10px;padding:12px 0}.intro-index strong{font-size:26px}.intro-index p{font-size:9px}.intro-index i{font-size:10px}.section{padding-bottom:38px;scroll-margin-top:80px}.section h2{font-size:19px}.section-head{align-items:start;gap:15px;margin-bottom:20px}.eyebrow{font-size:8px;letter-spacing:1.5px}.video-grid{grid-template-columns:1fr;gap:20px}.video-meta h3{font-size:18px}.video-meta p{font-size:11px}.video-meta{padding:19px}.play-circle{width:52px;height:52px}.quick-chapters{gap:7px}.quick-chapters>span{width:100%}.quick-chapters button{font-size:10px;padding:8px 12px}.case-section .section-head{display:block}.case-tabs{margin-top:18px;width:max-content}.case-tabs button{padding:9px 16px;font-size:11px}.case-caption{display:block;padding:6px 0 19px}.case-caption p{margin-top:9px;font-size:10px}.case-caption h3{font-size:14px}.case-number{font-size:8px}.comparison{padding:12px;gap:10px}.photo-label{font-size:10px;padding:10px}.photo-label span{font-size:8px}.photo-card img{height:245px}.timeline{padding:12px;gap:10px}.timeline img{height:245px}.timeline .photo-label{font-size:10px}.case-note{font-size:9px;line-height:1.7}.position-grid{grid-template-columns:1fr;gap:17px}.position-photo{display:grid;grid-template-columns:45% 55%;height:200px}.position-photo img{height:200px}.position-photo>span{display:flex;align-items:center;flex-wrap:wrap;justify-content:start;padding:20px;font-size:12px;align-content:center;gap:12px}.position-photo b{width:100%}.position-note{gap:15px;padding:15px}.position-note strong{font-size:10px}.print-banner{padding:28px 24px;display:block}.print-banner h2{font-size:22px}.print-banner p:not(.eyebrow){font-size:11px}.primary-button{margin-top:24px;width:max-content;padding:13px 17px;font-size:11px}footer{gap:10px;padding:33px 0;font-size:8px}footer img{width:85px}footer p{display:none}dialog{padding:18px;width:calc(100vw - 20px);border-radius:10px}.modal-head h2{font-size:17px}.modal-head{gap:10px}.modal-head .eyebrow{font-size:8px}.close-button{width:32px;height:32px;font-size:25px}.player-tools{font-size:10px;align-items:start}.player-tools>span{max-width:55%}.player-tools label{white-space:nowrap}.chapter-list button{font-size:10px}.lightbox{gap:6px}.lightbox img{max-width:calc(100% - 66px);height:60dvh}.lightbox button{width:27px;height:45px;font-size:27px}#photo-description{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:420px){.sidebar{padding:12px;gap:6px}.brand{width:105px}.nav-link{font-size:10px;padding:8px 6px}.intro-index{display:none}.intro h1{font-size:36px}.case-tabs button{padding:9px 13px}.photo-label span{display:none}.photo-card img,.timeline img{height:210px}}
/* Viewing controls apply to the entire dashboard. */
.dashboard-viewbar{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;padding:12px 0;background:var(--paper)}
.dashboard-view-label{font-size:11px;color:var(--muted);margin-right:5px}
.dashboard-view-button{min-height:44px;padding:10px 15px;border:1px solid #d8c9cd;border-radius:7px;background:#fff;color:var(--wine);font-size:12px;white-space:nowrap}
.dashboard-view-button:hover{background:#f3e9ec}
.dashboard-view-button[aria-pressed="true"]{background:var(--wine);border-color:var(--wine);color:#fff}
.dashboard-view-message{font-size:12px;color:var(--wine);line-height:1.7;margin:0 0 10px;padding:10px 12px;background:#f1e8e9;border-radius:6px}
html:fullscreen{background:var(--paper);overflow-y:auto}
html:-webkit-full-screen{background:var(--paper);overflow-y:auto}
@media(min-width:761px){
  .dashboard-viewbar{position:sticky;top:0;z-index:21;border-bottom:1px solid var(--line)}
  body.dashboard-wide .sidebar{position:relative;inset:auto;width:100%;height:auto;padding:16px clamp(20px,2vw,40px);border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;gap:20px}
  body.dashboard-wide .brand{width:150px;margin:0;flex-shrink:0}
  body.dashboard-wide .workspace-label,body.dashboard-wide .side-note,body.dashboard-wide .company{display:none}
  body.dashboard-wide .sidebar nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-left:auto}
  body.dashboard-wide .nav-link{padding:12px;font-size:12px}
  body.dashboard-wide main{margin-left:0;max-width:none;padding:0 clamp(20px,2vw,40px)}
}
@media(max-width:760px){
  .dashboard-viewbar{gap:7px;padding:10px 0}
  .dashboard-view-label{font-size:10px}
  .dashboard-view-button{font-size:11px;padding:10px 13px}
  body.dashboard-wide main{padding-left:10px;padding-right:10px;max-width:none}
  body.dashboard-wide .comparison,body.dashboard-wide .timeline{padding:7px;gap:8px}
}
@media print{.dashboard-viewbar,.dashboard-view-message{display:none!important}}

/* Shockwave interaction: rings and light, with no image distortion. */
.shockwave-layer{position:fixed;inset:0;z-index:80;pointer-events:none;overflow:hidden;contain:strict}
.shockwave-burst{position:absolute;width:0;height:0;pointer-events:none}
.shockwave-burst i{position:absolute;left:-140px;top:-140px;width:280px;height:280px;border:2px solid #a45c70;border-radius:50%;opacity:0;box-shadow:0 0 14px #bb70854d,inset 0 0 12px #fff8f466;animation:belluti-impact .82s cubic-bezier(.12,.55,.24,1) both}
.shockwave-burst i:nth-child(2){border-color:#c893a0;border-width:1px;animation-delay:80ms}
.shockwave-burst i:nth-child(3){border-color:#dbb9a6;border-width:1px;animation-delay:160ms}
.shockwave-burst>span{position:absolute;left:-50px;top:-50px;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,#fff9f2a8 0,#bb788b42 25%,transparent 70%);opacity:0;animation:belluti-flare .6s ease-out both}
@keyframes belluti-impact{0%{transform:scale(.035);opacity:0}10%{opacity:.78}55%{opacity:.36}100%{transform:scale(1.2);opacity:0}}
@keyframes belluti-flare{0%{transform:scale(.1);opacity:0}20%{opacity:.7}100%{transform:scale(1.7);opacity:0}}
.intro{position:relative;isolation:isolate;overflow:hidden}
.shockwave-field{position:absolute;z-index:-1;width:520px;height:520px;left:58%;top:50%;transform:translate(-50%,-50%);pointer-events:none;opacity:.75}
.shockwave-field>i{position:absolute;inset:0;border:1px solid #b57e8d;border-radius:50%;box-shadow:inset 0 0 24px #cda8a418,0 0 20px #c49ba014;opacity:0;animation:belluti-ambient 6.9s cubic-bezier(.18,.42,.28,1) infinite;animation-play-state:paused}
.shockwave-field>i:nth-child(2){animation-delay:2.3s}
.shockwave-field>i:nth-child(3){animation-delay:4.6s}
.shockwave-field>span{position:absolute;inset:28%;border-radius:50%;background:radial-gradient(circle,#ba84952e,transparent 68%);opacity:0;animation:belluti-core 4.6s ease-in-out infinite;animation-play-state:paused}
.shockwave-field.shockwave-awake>*{animation-play-state:running}
@keyframes belluti-ambient{0%{transform:scale(.06);opacity:0}18%{opacity:.32}100%{transform:scale(1.24);opacity:0}}
@keyframes belluti-core{0%,100%{transform:scale(.7);opacity:.2}50%{transform:scale(1.1);opacity:.65}}
.belluti-motion .shockwave-hit{animation:belluti-contact .6s ease-out}
@keyframes belluti-contact{0%{box-shadow:0 0 0 0 #b16c805c}55%{box-shadow:0 0 0 9px #b16c8018}100%{box-shadow:0 0 0 16px #b16c8000}}
.belluti-motion dialog[open]{animation:belluti-dialog .36s ease-out}
@keyframes belluti-dialog{0%{opacity:.65;transform:translateY(8px) scale(.99);box-shadow:0 0 0 2px #ba7b8c80,0 30px 100px #0005}100%{opacity:1;transform:translateY(0) scale(1);box-shadow:0 0 0 14px #ba7b8c00,0 30px 100px #0005}}
@media(hover:hover) and (pointer:fine){
  .belluti-motion .photo-card,.belluti-motion .position-photo,.belluti-motion .intro-index a{transition:transform .25s ease,box-shadow .3s ease}
  .belluti-motion .video-card:hover,.belluti-motion .photo-card:hover,.belluti-motion .position-photo:hover{transform:translateY(-4px);box-shadow:0 14px 30px #78485222,0 0 0 1px #b67c8c55}
  .belluti-motion .intro-index a:hover{transform:translateX(3px)}
  .belluti-motion .video-card:hover .play-circle:before{content:'';position:absolute;inset:-8px;border:1px solid #fff9;border-radius:50%;animation:belluti-play 1.6s ease-out infinite}
}
@keyframes belluti-play{0%{transform:scale(.85);opacity:.8}100%{transform:scale(1.7);opacity:0}}
@media(max-width:760px){.shockwave-field{width:380px;height:380px;left:83%;opacity:.5}.shockwave-burst i{width:210px;height:210px;left:-105px;top:-105px}.dashboard-viewbar{column-gap:7px;row-gap:8px}.dashboard-view-label{margin-right:auto}}
@media(prefers-reduced-motion:reduce){.shockwave-layer,.shockwave-field{display:none!important}.shockwave-hit,.belluti-motion dialog[open]{animation:none!important}}
@media print{.shockwave-layer,.shockwave-field,#shockwave-toggle{display:none!important}}

/* Aesthetic visual identity and fluid, centered desktop composition. */
:root{--paper:#f6f0ec;--ink:#332b30;--muted:#6d6066;--line:#dfd0ce;--wine:#794754;--sidebar-width:248px;--content-limit:2400px}
body{font-size:16px;line-height:1.6;background:radial-gradient(ellipse at 100% 6%,#dfc6ce73,transparent 38%),radial-gradient(ellipse at 0% 55%,#e9d5bc60,transparent 40%),linear-gradient(135deg,#faf5f0,#f2e9e7 50%,#f9f4ed)}
.sidebar{width:var(--sidebar-width);padding:36px 24px;background:radial-gradient(ellipse at 100% 90%,#e9ced766,transparent 55%),linear-gradient(160deg,#fffefd,#faf2ed);box-shadow:8px 0 34px #754f5e07}
.brand{width:190px;margin:0}.company{width:190px;margin:0}.workspace-label{font-size:12px;letter-spacing:2.5px;margin:18px 0 38px 5px}.nav-link{font-size:16px;min-height:52px;line-height:1.4;padding:14px 10px;gap:10px}.nav-count{font-size:12px}.side-note{padding:34px 6px 28px}.side-note strong{font-size:16px}.side-note p{font-size:14px;line-height:1.9}
main#top{width:calc(100% - var(--sidebar-width));max-width:none;min-width:0;margin:0 0 0 var(--sidebar-width);padding:0 clamp(24px,2.5vw,64px) 20px}
main#top>*{max-width:var(--content-limit);margin-left:auto;margin-right:auto}
main#top .topbar{min-height:86px;height:auto;gap:20px;padding:18px 0;font-size:13px;line-height:1.5;letter-spacing:1.6px;border-bottom-color:#d8c4c8}
main#top .topbar>span{max-width:none;font-size:13px;color:#6b535e}
main#top .topbar .topbar-actions{gap:24px;flex-wrap:wrap;justify-content:flex-end;min-width:0}
main#top .topbar a,main#top .opening-replay{font-size:15px;min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}
main#top .opening-replay svg{width:17px;height:17px}
.dashboard-viewbar{padding:12px 0 16px;background:#f8f2eeed;border-bottom-color:#ddcbd0;gap:10px}
.dashboard-view-label{font-size:14px;color:#6f5c63}.dashboard-view-button{font-size:15px;min-height:46px;padding:11px 18px;border-radius:10px;box-shadow:0 3px 10px #79505d08}.dashboard-view-message{font-size:15px}
main#top .intro{padding:clamp(32px,3.8vw,72px);margin-top:22px;margin-bottom:34px;min-height:390px;gap:clamp(24px,4vw,84px);border:1px solid #ffffffd9;border-radius:28px;background:linear-gradient(90deg,#fffcf5f2 0%,#fffaf3c2 35%,#fff8ef05 72%),url('decor/belluti-pearl-wave.svg') center/cover no-repeat,#f5e9e5;box-shadow:0 20px 50px #764f5c0d,inset 0 1px #fff}
main#top .intro>div:not(.shockwave-field){position:relative;z-index:1;min-width:0}
main#top .intro h1{font-size:clamp(46px,3.5vw,72px);line-height:1.24;letter-spacing:-2.5px;font-weight:500;text-wrap:balance}
main#top .intro .eyebrow{font-size:13px;letter-spacing:2.5px;color:#86505f;margin-bottom:22px}
main#top .lead{font-size:clamp(17px,1.25vw,21px);color:#62525b;line-height:1.9;max-width:620px;margin-top:25px}
main#top .intro-index{width:clamp(210px,19vw,300px);padding:23px 26px;border:1px solid #ffffffdd;border-radius:20px;background:linear-gradient(135deg,#fffdf5ed,#fff8f1ce);box-shadow:0 12px 35px #75405212;flex-shrink:0}
main#top .intro-index>span{font-size:12px;letter-spacing:1.7px;line-height:1.6;margin:0 0 10px;color:#755a64}
main#top .intro-index a{gap:20px;padding:20px 0}.intro-index a:last-child{border-bottom:0;padding-bottom:6px}
main#top .intro-index strong{font-size:48px}.intro-index p{font-size:16px;margin:0}.intro-index i{font-size:20px}
.shockwave-field{left:62%;width:620px;height:620px;opacity:.65}
main#top .section{margin-top:0;margin-bottom:30px;padding:clamp(24px,2.2vw,40px);border:1px solid #ffffffd9;border-radius:24px;background:linear-gradient(125deg,#fffffff7,#fffaf6ed);box-shadow:0 14px 40px #80586609;scroll-margin-top:105px}
main#top .section-head{gap:22px;flex-wrap:wrap;align-items:center;margin-bottom:26px}.section-head>div{min-width:0}.eyebrow{font-size:12px;letter-spacing:2px}.section h2{font-size:clamp(26px,1.7vw,34px);line-height:1.4;letter-spacing:-.8px}.section-aside{font-size:15px;color:#72616a;line-height:1.7}
.video-grid,.comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,1.8vw,30px)}
.video-card,.photo-card,.position-photo{min-width:0;box-shadow:0 8px 22px #7a586509}.video-card{border-radius:16px;border-color:#e3d5d4}.video-meta{gap:14px;padding:25px}.video-meta>div{min-width:0}.video-meta h3{font-size:clamp(21px,1.3vw,28px);line-height:1.5;letter-spacing:-.6px;margin:8px 0}.video-meta p{font-size:16px;line-height:1.7;color:#6a5b63}.index,.poster-label{font-size:12px}.video-duration{font-size:14px;padding:5px 9px}.circle-arrow{width:40px;height:40px;font-size:20px;flex-shrink:0}.poster-label{bottom:20px;left:22px}
.quick-chapters{gap:10px;margin-top:22px}.quick-chapters>span{font-size:14px}.quick-chapters button{font-size:15px;min-height:44px;padding:10px 16px;background:#f0e3e4}.quick-chapters i{margin-left:12px}
.case-tabs{max-width:100%;padding:5px;gap:5px;background:#eddee0}.case-tabs button{font-size:15px;min-height:44px;padding:11px 18px}.case-caption{gap:15px;flex-wrap:wrap;padding:18px 0 24px}.case-caption>div{flex-wrap:wrap;gap:14px}.case-number{font-size:12px}.case-caption h3{font-size:21px}.case-caption p{font-size:15px;color:#6c5c64}.case-note{font-size:14px;color:#75656c;line-height:1.8;margin-top:17px}
.comparison,.timeline{background:linear-gradient(135deg,#f1e4e5,#f6eee6);border:1px solid #e8d8d9;padding:20px;border-radius:16px}.photo-card{border-radius:10px}.photo-label{font-size:16px;line-height:1.5;padding:14px 17px;background:#e8d8da}.photo-label span{font-size:13px}.photo-card img{height:clamp(320px,24vw,560px);object-fit:contain}.timeline{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.timeline img{height:clamp(260px,18vw,420px)}.timeline .photo-label{font-size:15px;padding:13px;flex-wrap:wrap}
.position-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.position-photo{border-color:#e4d4d4;border-radius:13px}.position-photo img{height:clamp(280px,19vw,440px);object-fit:contain}.position-photo>span{font-size:16px;padding:20px;gap:12px;line-height:1.6}.position-photo b{font-size:13px;flex-shrink:0}.position-note{padding:23px;gap:24px;background:linear-gradient(110deg,#ecdbdf,#f4e8e0);border:1px solid #e7d3d7}.position-note strong{font-size:16px;line-height:1.6}
main#top .print-banner{border-radius:24px;padding:clamp(28px,3vw,50px);gap:24px;background:linear-gradient(110deg,#633844f7,#91616aeb),url('decor/belluti-pearl-wave.svg') center/cover;box-shadow:0 16px 35px #67364324}.print-banner .eyebrow{font-size:12px;color:#f0d8d9}.print-banner h2{font-size:clamp(28px,2vw,38px)}.print-banner p:not(.eyebrow){font-size:16px;color:#f0dadd;line-height:1.7}.primary-button{font-size:16px;min-height:52px;padding:15px 22px;white-space:nowrap;flex-shrink:0;border-radius:10px}
main#top footer{font-size:13px;padding:36px 4px;gap:20px}footer img{width:135px;opacity:.85}footer p{color:#6d5a64}footer a{font-size:14px;min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}
dialog{padding:28px;border:1px solid #e5d0d5;background:#fdf8f3}.modal-head h2{font-size:26px;line-height:1.4}.modal-head .eyebrow{font-size:12px}.close-button{min-width:44px;min-height:44px}.player-tools{font-size:15px;line-height:1.7;flex-wrap:wrap}.player-tools label{white-space:nowrap}.player-tools select{min-height:42px;font-size:15px}.chapter-list button{font-size:14px;min-height:44px}.chapter-list button span{font-size:12px}.loading p{font-size:16px}#photo-description,#player-error{font-size:16px;line-height:1.8}.lightbox button{min-width:36px;min-height:48px}
@media(min-width:761px){
  body.dashboard-wide .sidebar,body.dashboard-fullscreen .sidebar{position:relative;inset:auto;width:100%;height:auto;min-height:86px;padding:16px clamp(24px,2.5vw,64px);border-right:0;border-bottom:1px solid var(--line);display:flex;flex-direction:row;align-items:center;gap:24px}
  body.dashboard-wide .brand,body.dashboard-fullscreen .brand{width:172px;margin:0;flex-shrink:0}
  body.dashboard-wide .workspace-label,body.dashboard-wide .side-note,body.dashboard-wide .company,body.dashboard-fullscreen .workspace-label,body.dashboard-fullscreen .side-note,body.dashboard-fullscreen .company{display:none}
  body.dashboard-wide .sidebar nav,body.dashboard-fullscreen .sidebar nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-left:auto}
  body.dashboard-wide .nav-link,body.dashboard-fullscreen .nav-link{font-size:16px;padding:12px 16px;min-height:48px}
  body.dashboard-wide main#top,body.dashboard-fullscreen main#top{width:100%;max-width:none;margin-left:0;padding:0 clamp(24px,2.5vw,64px) 20px}
}
@media(min-width:2000px){main#top .intro{min-height:450px}.section-aside{font-size:17px}.video-meta p,.case-caption p{font-size:18px}.dashboard-view-button{font-size:16px}}
@media(min-width:761px) and (max-width:1200px){:root{--sidebar-width:210px}.sidebar{padding:28px 16px}.brand,.company{width:170px}.nav-link{font-size:15px;padding:12px 8px;gap:8px}main#top{padding-inline:24px}main#top .intro{padding:30px;gap:24px;min-height:350px}main#top .intro h1{font-size:44px}main#top .lead{font-size:17px}main#top .intro-index{width:185px;padding:20px 17px}.intro-index p{font-size:14px}main#top .intro-index strong{font-size:38px}main#top .intro-index a{gap:12px}.timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.position-grid{gap:15px}.position-photo>span{font-size:14px;padding:16px}.print-banner{flex-wrap:wrap}}
@media(max-width:760px){
  :root{--sidebar-width:0px}
  .sidebar{width:100%;position:sticky;min-height:68px;padding:12px 16px;gap:12px}.brand{width:116px;margin:0;flex-shrink:0}.sidebar nav{gap:2px;min-width:0}.nav-link{font-size:13px;min-height:44px;padding:9px 7px;white-space:nowrap}
  main#top,body.dashboard-wide main#top,body.dashboard-fullscreen main#top{width:100%;max-width:none;margin:0;padding:0 16px 14px}
  body.dashboard-wide main#top{padding-left:10px;padding-right:10px}
  main#top .topbar{min-height:0;display:flex;flex-wrap:wrap;gap:8px;padding:16px 0 10px}
  main#top .topbar>span{width:100%;max-width:none;font-size:11px;letter-spacing:1.4px;line-height:1.5}
  main#top .topbar .topbar-actions{width:100%;justify-content:space-between;gap:10px}
  main#top .topbar a,main#top .opening-replay{font-size:14px;min-height:44px}
  main#top .topbar a span{padding-left:8px}.dashboard-viewbar{padding:8px 0 14px;gap:8px;justify-content:flex-start;background:transparent}.dashboard-view-label{width:100%;font-size:13px;margin:0}.dashboard-view-button{font-size:14px;padding:10px 12px;min-height:44px;border-radius:9px}.dashboard-view-message{font-size:14px}
  main#top .intro{display:block;padding:28px 22px;margin-top:8px;margin-bottom:22px;min-height:0;border-radius:22px;background-position:64% center;background-image:linear-gradient(90deg,#fffaf3ee,#fffaf399),url('decor/belluti-pearl-wave.svg')}
  main#top .intro h1{font-size:44px;letter-spacing:-2px;line-height:1.23}main#top .intro .eyebrow{font-size:11px;letter-spacing:1.6px;margin-bottom:19px}main#top .lead{font-size:16px;line-height:1.85;margin-top:20px}
  main#top .intro-index{display:flex;width:100%;max-width:none;padding:15px 0 0;margin-top:24px;gap:16px;background:transparent;border:0;border-top:1px solid #d9bfc6;border-radius:0;box-shadow:none}
  main#top .intro-index>span{display:none}main#top .intro-index a{flex:1;min-width:0;border:0;padding:4px 0;gap:12px}main#top .intro-index strong{font-size:30px}.intro-index p{font-size:13px;white-space:nowrap}.intro-index i{font-size:16px}.shockwave-field{width:400px;height:400px;left:90%;opacity:.5}
  main#top .section{padding:22px 16px;margin-bottom:22px;border-radius:20px;scroll-margin-top:85px}main#top .section-head{display:flex;gap:16px;margin-bottom:22px}.section h2{font-size:25px;line-height:1.4}.section-head .eyebrow{font-size:11px;margin-bottom:9px}.section-aside{display:none}
  .video-grid{grid-template-columns:minmax(0,1fr);gap:20px}.video-meta{padding:18px;gap:10px}.video-meta h3{font-size:21px;line-height:1.5}.video-meta p{font-size:15px;line-height:1.7}.index,.poster-label{font-size:11px}.video-duration{font-size:13px}.circle-arrow{width:34px;height:34px;font-size:17px}.poster-label{left:16px;bottom:17px}.quick-chapters{gap:8px}.quick-chapters>span{font-size:13px}.quick-chapters button{font-size:14px;padding:10px 13px}.quick-chapters i{margin-left:8px}
  .case-tabs{margin-top:0;width:auto;max-width:100%;gap:3px;padding:4px;flex-wrap:wrap}.case-tabs button{font-size:14px;padding:10px 12px;flex:1}.case-caption{display:block;padding:6px 0 20px}.case-caption>div{gap:12px}.case-number{font-size:11px;padding-right:12px}.case-caption h3{font-size:18px}.case-caption p{font-size:14px;margin-top:8px}.case-note{font-size:13px;line-height:1.8}
  .comparison,.timeline{gap:10px;padding:10px;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.photo-label,.timeline .photo-label{font-size:14px;line-height:1.5;min-height:44px;padding:10px;gap:5px;flex-wrap:wrap}.photo-label span{display:none}.photo-card img,.timeline img{height:230px}.timeline .photo-label b{font-size:11px}.position-grid{grid-template-columns:minmax(0,1fr);gap:18px}.position-photo{grid-template-columns:45% minmax(0,55%);height:auto;min-height:205px}.position-photo img{height:220px}.position-photo>span{font-size:15px;padding:16px;gap:10px}.position-photo b{font-size:12px}.position-note{gap:8px;padding:17px 12px;text-align:center;flex-wrap:wrap}.position-note strong{font-size:14px}.position-note span{font-size:14px}
  main#top .print-banner{display:block;padding:28px 24px;border-radius:20px}.print-banner .eyebrow{font-size:11px}.print-banner h2{font-size:28px}.print-banner p:not(.eyebrow){font-size:15px}.primary-button{font-size:15px;padding:14px 18px;gap:20px;max-width:100%;width:max-content;white-space:normal}
  main#top footer{padding:27px 2px;font-size:12px}footer img{width:115px}footer a{font-size:13px}footer p{display:none}
  dialog{padding:18px;width:calc(100vw - 20px)}.modal-head h2{font-size:22px}.modal-head .eyebrow{font-size:11px}.player-tools{font-size:14px;display:flex;gap:12px}.player-tools>span{max-width:100%;width:100%}.player-tools label{margin-left:auto}.chapter-list button{font-size:13px}.chapter-list button span{font-size:12px}#photo-description,#player-error{font-size:14px}.lightbox img{max-width:calc(100% - 84px)}.lightbox button{width:36px}.loading p{font-size:15px}
}
@media(max-width:380px){.sidebar{padding:10px;gap:8px}.brand{width:105px}.nav-link{padding:9px 5px;font-size:13px}main#top .intro{padding:25px 19px}main#top .intro h1{font-size:40px}main#top .section{padding:20px 14px}.dashboard-view-button{font-size:13px;padding:10px 11px}.intro-index p{font-size:12px}main#top .intro-index a{gap:9px}.case-tabs button{font-size:13px;padding:10px}.photo-label,.timeline .photo-label{font-size:13px}.photo-card img,.timeline img{height:205px}}
@media(min-width:761px) and (max-width:1000px){
  main#top .intro-index{display:none}
  .video-grid{grid-template-columns:minmax(0,1fr)}
  .position-grid{grid-template-columns:minmax(0,1fr)}
  .position-photo{display:grid;grid-template-columns:44% minmax(0,56%);height:auto}
  .position-photo img{height:260px}
  .position-photo>span{font-size:16px;padding:24px;flex-wrap:wrap;align-content:center}
  .position-photo b{width:100%}
}

/* Pearlescent raised controls with a visible edge and tactile press response. */
:is(.dashboard-view-button,.quick-chapters button,.case-tabs button,.chapter-list button,.primary-button,.close-button,.lightbox button,.nav-link){
  --button-edge:#c3aeb3;
  --depth-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #fff8,0 4px 0 var(--button-edge),0 9px 18px #74455220;
  background:linear-gradient(180deg,#fffefd 0%,#fbf1ed 48%,#eadbdc 100%);
  border:1px solid #d9c3c9;border-top-color:#fff;border-bottom-color:#bda1ab;
  color:#6c3b4c;font-weight:600;box-shadow:var(--depth-shadow);
  transition:transform .16s ease,box-shadow .18s ease,background .18s ease;
  touch-action:manipulation;
}
:is(.dashboard-view-button,.quick-chapters button,.chapter-list button,.primary-button){border-radius:12px}
.nav-link{margin-bottom:4px}
:is(.dashboard-view-button[aria-pressed="true"],.case-tabs button.selected,.chapter-list button.active,.nav-link.active){
  --button-edge:#532a39;
  --depth-shadow:inset 0 1px 0 #eed2d7b3,inset 0 -1px 0 #53333d,0 4px 0 var(--button-edge),0 10px 20px #70404c35;
  color:#fff8f1;background:linear-gradient(175deg,#ab7b88 0%,#875360 45%,#683c4a 100%);border-color:#875260;border-top-color:#cda8ad;
  box-shadow:var(--depth-shadow);text-shadow:0 1px 1px #4b24365c;
}
main#top .intro-index a,main#top .topbar a,main#top .opening-replay{
  --button-edge:#c3aeb3;
  --depth-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #fff8,0 4px 0 var(--button-edge),0 8px 16px #74455218;
  background:linear-gradient(170deg,#fffefa,#faeeeb 58%,#edddde);border:1px solid #d8bfc6;border-top-color:#fff;border-radius:12px;
  color:#6c3b4c;box-shadow:var(--depth-shadow);font-weight:600;transition:transform .16s ease,box-shadow .18s ease;touch-action:manipulation;
}
main#top .topbar a,main#top .opening-replay{padding:10px 15px;min-height:46px}
main#top .intro-index a{min-height:62px;padding:14px 16px;gap:14px;margin-top:15px;justify-content:space-between}
main#top .intro-index p{font-size:17px;font-weight:650;white-space:nowrap}
main#top .intro-index i{width:30px;height:30px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:linear-gradient(150deg,#fff,#ead8dc);box-shadow:inset 0 1px 0 white,0 2px 4px #7c4b5d24;font-size:19px;margin-left:auto}
main#top .case-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:640px;max-width:100%;gap:16px;background:none;padding:0 0 6px;border-radius:0}
main#top .case-tabs button{display:grid;grid-template-columns:40px minmax(0,1fr) 24px;align-items:center;gap:13px;min-width:0;min-height:82px;padding:16px 20px;border-radius:16px;font-size:17px;text-align:left;line-height:1.5;white-space:normal}
.case-tab-number{width:40px;height:40px;display:grid;place-items:center;flex-shrink:0;border-radius:12px;background:linear-gradient(150deg,#fffdf8,#ebd9cd);border:1px solid #fff7;color:#7c4e59;font-size:20px;font-weight:700;letter-spacing:.2px;text-shadow:0 1px 0 #fffa;box-shadow:inset 0 1px 0 #fff,0 3px 6px #65405221}
.case-tab-name{min-width:0;overflow-wrap:normal;word-break:normal}
.case-tab-arrow{font-size:22px;text-align:right;opacity:.8}
.case-tabs button.selected .case-tab-number{background:linear-gradient(150deg,#fff7e4,#e6c7b6);border-color:#fcebd6;color:#744554;box-shadow:inset 0 1px 0 #fff9,0 3px 8px #44262c33}
.video-card,.photo-card,.position-photo{--depth-shadow:inset 0 1px 0 #fff,0 4px 0 #d5c2c6,0 12px 25px #79536318;box-shadow:var(--depth-shadow)}
/* Keep the bevel visible while a shockwave expands from a clicked control. */
@keyframes belluti-contact{0%{box-shadow:var(--depth-shadow,0 0 #0000),0 0 0 0 #b16c805c}55%{box-shadow:var(--depth-shadow,0 0 #0000),0 0 0 9px #b16c8018}100%{box-shadow:var(--depth-shadow,0 0 #0000),0 0 0 16px #b16c8000}}
@media(hover:hover) and (pointer:fine){
  :is(.dashboard-view-button,.quick-chapters button,.case-tabs button,.chapter-list button,.primary-button,.close-button,.lightbox button,.nav-link):not(:disabled):hover{transform:translateY(-2px);box-shadow:var(--depth-shadow),0 7px 16px #b8788b18}
  main#top .intro-index a:hover,main#top .topbar a:hover,main#top .opening-replay:hover{transform:translateY(-2px);box-shadow:var(--depth-shadow),0 7px 16px #b8788b18}
  .belluti-motion .video-card:hover,.belluti-motion .photo-card:hover,.belluti-motion .position-photo:hover{box-shadow:inset 0 1px 0 #fff,0 5px 0 #ccb4bc,0 18px 30px #78485229}
}
:is(.dashboard-view-button,.quick-chapters button,.case-tabs button,.chapter-list button,.primary-button,.close-button,.lightbox button,.nav-link):not(:disabled):active,
main#top .intro-index a:active,main#top .topbar a:active,main#top .opening-replay:active{transform:translateY(3px);box-shadow:inset 0 2px 4px #74455215,0 1px 0 var(--button-edge),0 3px 6px #7445521a}
main#top .dashboard-view-button:disabled{transform:none}
@media(max-width:760px){
  .nav-link{margin-bottom:3px}
  main#top .topbar .topbar-actions{gap:10px}
  main#top .topbar a,main#top .opening-replay{font-size:14px;padding:9px 11px}
  main#top .intro-index{gap:12px}
  main#top .intro-index a{min-height:56px;margin-top:0;padding:12px;gap:8px}
  main#top .intro-index p{font-size:14px}
  main#top .intro-index i{width:24px;height:24px;font-size:16px}
  main#top .case-tabs{width:100%;gap:10px;margin-top:0;padding-bottom:7px}
  main#top .case-tabs button{grid-template-columns:30px minmax(0,1fr);gap:10px;min-height:86px;padding:12px 10px;border-radius:13px;font-size:14px}
  .case-tab-number{width:30px;height:34px;font-size:17px;border-radius:9px}
  .case-tab-arrow{display:none}
}
@media(max-width:380px){main#top .intro-index{gap:10px}main#top .intro-index a{padding:11px 9px;gap:6px}main#top .intro-index p{font-size:13px}main#top .case-tabs button{gap:8px;font-size:14px;padding:11px 9px}}
@media(prefers-reduced-motion:reduce){main#top .intro-index a,main#top .topbar a,main#top .opening-replay,:is(.dashboard-view-button,.quick-chapters button,.case-tabs button,.chapter-list button,.primary-button,.close-button,.lightbox button,.nav-link){transition:none}}

.quick-chapters button:hover{background:linear-gradient(175deg,#b08690,#885764 55%,#6f4251);color:#fff8f1}
@media(min-width:1001px) and (max-width:1200px){main#top .intro-index a{padding-left:12px;padding-right:12px;gap:10px}main#top .intro-index p{font-size:16px}}