@font-face{font-family:Pretendard;src:url(../assets/Pretendard-Regular.woff2) format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Pretendard;src:url(../assets/Pretendard-Bold.woff2) format('woff2');font-weight:700;font-display:swap}.vivien-story{--ink:#282322;--rose:#795357;--paper:#faf8f5;--sand:#e4dcd5}.vivien-story,.vivien-story *{box-sizing:border-box}.vivien-story{scroll-behavior:smooth;scroll-padding-top:30px}.vivien-story{margin:0;color:var(--ink);background:var(--paper);font:400 18px/1.8 Pretendard,Arial,sans-serif;word-break:keep-all}.vivien-story a{color:inherit;text-decoration:none}.vivien-story button{font:inherit;cursor:pointer}.vivien-story img,.vivien-story video{display:block;width:100%}.vivien-story h1,.vivien-story h2,.vivien-story h3,.vivien-story p,.vivien-story figure{margin:0}.vivien-story h2,.vivien-story h3{font-weight:400;line-height:1.4;letter-spacing:-.045em}.vivien-story h2{font-size:clamp(30px,3.4vw,54px)}.vivien-story i{font-weight:400;font-family:Georgia,'Times New Roman',serif}.vivien-story a:focus-visible,.vivien-story button:focus-visible{outline:3px solid var(--rose);outline-offset:5px}.vivien-story .wrap{width:90%;max-width:1480px;margin:auto}.vivien-story .section{padding-top:120px;padding-bottom:120px}.vivien-story .label{font-size:11px;letter-spacing:.09em;margin-bottom:35px}.vivien-story .body{font-size:18px;line-height:1.9}.vivien-story .muted{color:#89807c}.vivien-story .caption{font-size:11px;color:#8f817a}.vivien-story .agency{font-family:Arial,sans-serif;font-size:28px;letter-spacing:-1.5px;font-weight:700;line-height:1.2}.vivien-story .agency span{display:block;font-size:7px;letter-spacing:.15em;margin-top:6px;font-weight:400}.vivien-story .skip{position:fixed;top:-100px;background:white;z-index:50;padding:15px}.vivien-story .skip:focus{top:0}.vivien-story header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd6d0}.vivien-story .header-link{font-size:10px;letter-spacing:.1em}.vivien-story .header-link span{font-size:22px;margin-left:40px}.vivien-story .intro{padding-top:45px;padding-bottom:65px}.vivien-story .intro-line{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em}.vivien-story .intro h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(100px,19vw,310px);font-weight:400;letter-spacing:-.065em;line-height:1.1;margin:20px 0 45px}.vivien-story .index{font:400 12px Pretendard;letter-spacing:0;display:inline-block;vertical-align:top;margin:50px 0 0 25px}.vivien-story .intro-bottom{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;align-items:end}.vivien-story .intro-bottom h2{font-size:29px}.vivien-story .intro-bottom p{font-size:16px;line-height:1.9}.vivien-story .tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.vivien-story .tags span{border:1px solid #d9d1ca;border-radius:25px;padding:4px 12px;font-size:8px;letter-spacing:.05em}.vivien-story .campaign{height:52vw;max-height:850px;min-height:420px;position:relative;background:#b1bcbf;overflow:hidden}.vivien-story .campaign video{height:100%;object-fit:cover}.vivien-story .film-mark{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;background:#0000000d;pointer-events:none}.vivien-story .film-mark>span{font-family:Georgia,serif;letter-spacing:.05em;font-size:clamp(75px,12vw,185px);line-height:1.2}.vivien-story .film-mark small{font-size:9px;letter-spacing:.3em}.vivien-story .campaign button{position:absolute;bottom:30px;right:5%;background:#ffffff15;border:1px solid #ffffff80;border-radius:30px;color:white;font-size:11px;padding:10px 20px;backdrop-filter:blur(10px)}.vivien-story .campaign button span{margin-left:20px}.vivien-story .film-caption{position:absolute;left:5%;bottom:35px;font-size:9px;letter-spacing:.1em;color:white}.vivien-story .overview{display:grid;grid-template-columns:1fr 2fr;gap:60px}.vivien-story .overview h2{margin-bottom:35px}.vivien-story .overview .body{max-width:840px;margin-top:20px}.vivien-story .overview dl{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:50px 0 0;border-top:1px solid #d9d0c9;padding-top:30px}.vivien-story .overview dt{font-size:9px;color:#8e827b;letter-spacing:.1em}.vivien-story .overview dd{margin:7px 0 0;font-size:14px}.vivien-story .concept{background:#eae4df}.vivien-story .concept-heading{display:flex;justify-content:space-between;align-items:center}.vivien-story .concept h2{font-family:Georgia,serif;font-size:clamp(65px,8vw,125px);line-height:1.05;letter-spacing:-.055em}.vivien-story .concept h2 i{color:var(--rose)}.vivien-story .concept-no{font-family:Georgia,serif;color:#d6cbc2;font-size:220px;line-height:1}.vivien-story .concept-bottom{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:60px}.vivien-story .concept-bottom>span{font-size:24px;line-height:1.6}.vivien-story .essence{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:80px;padding-top:35px;border-top:1px solid #ccc0b6}.vivien-story .essence article>span{font-size:10px;letter-spacing:.07em;color:var(--rose)}.vivien-story .essence h3{font-size:23px;margin:20px 0}.vivien-story .essence p{font-size:17px;color:#776e68}.vivien-story .editorial{display:grid;grid-template-columns:1.12fr 1fr;background:#f0ece7}.vivien-story .editorial-large{position:relative;min-height:850px}.vivien-story .editorial-large>img{height:100%;object-fit:cover;object-position:53% center}.vivien-story .editorial-large figcaption{position:absolute;bottom:55px;left:9%;font-family:Georgia,serif;font-size:clamp(24px,3.8vw,60px);line-height:1.2;color:white}.vivien-story .editorial-side{padding:70px 12%;display:flex;flex-direction:column;align-items:start;justify-content:center}.vivien-story .editorial-side h2{margin:0 0 25px}.vivien-story .editorial-side .body{color:#8a7d73}.vivien-story .editorial-side>img{margin-top:50px;aspect-ratio:4/3;object-fit:cover}.vivien-story .image-credit{font-size:8px;letter-spacing:.1em;margin-top:12px;color:#8c7c70}.vivien-story .system-top{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:55px}.vivien-story .palette{display:grid;grid-template-columns:repeat(4,1fr)}.vivien-story .palette>div{height:210px;background:var(--color);padding:25px;display:flex;justify-content:space-between;flex-direction:column;border:1px solid #e1d9d2}.vivien-story .palette span{font-family:Georgia,serif;font-size:22px}.vivien-story .palette b{font-weight:400;font-size:10px;letter-spacing:.08em}.vivien-story .white{color:white}.vivien-story .typography{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-bottom:1px solid #ddd2ca;margin-top:60px;padding-bottom:50px}.vivien-story .typography .serif{font-family:Georgia,serif;font-size:120px;line-height:1.5}.vivien-story .typography p:not(.serif){font-size:42px;letter-spacing:-.04em;line-height:1.5;margin:38px 0}.vivien-story .typography>div>span:last-child{font-size:11px;color:#8c817b}.vivien-story .system>.caption{margin-top:15px}.vivien-story .main-showcase{background:#ded6d0}.vivien-story .section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:60px}.vivien-story .desktop{border:7px solid #35312f;border-radius:14px;overflow:hidden;box-shadow:0 35px 70px #42312820;background:white}.vivien-story .browser-top{padding:10px 18px;display:flex;justify-content:space-between;align-items:center;background:#f2f0ee;color:#a49b95;font-size:8px}.vivien-story .browser-top small{font-size:9px}.vivien-story .screen-hero{height:490px;background:url(../assets/main-still.jpg) center 42%/cover;position:relative}.vivien-story .screen-hero nav{padding:25px;display:flex;flex-direction:column;align-items:center;color:white;gap:20px}.vivien-story .screen-hero nav img{width:130px;filter:brightness(0) invert(1)}.vivien-story .screen-hero nav>span{font-size:11px}.vivien-story .screen-hero nav small{position:absolute;right:25px;top:28px;font-size:8px}.vivien-story .screen-caption{position:absolute;bottom:30px;left:30px;color:white;font-family:Georgia,serif;font-size:18px;letter-spacing:.06em}.vivien-story .screen-about{padding:60px 30px;text-align:center}.vivien-story .mini-brand{font-family:Georgia,serif;font-size:20px}.vivien-story .screen-about p{font-size:22px;line-height:1.5;margin:20px 0}.vivien-story .screen-about>span:last-child{font-size:8px;border-bottom:1px solid #999;padding-bottom:6px}.vivien-story .screen-business{display:flex;justify-content:space-around;padding:30px 15px;background:#f2efeb;font-size:11px;letter-spacing:.07em}.vivien-story .image-meta{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#8c7e75;margin-top:20px}.vivien-story .site-map{display:grid;grid-template-columns:repeat(5,1fr);gap:25px;border-top:1px solid #d4c8bf;padding-top:30px}.vivien-story .site-map>div>span{font-size:11px;color:#a49286}.vivien-story .site-map h3{font-size:23px;margin:20px 0 15px}.vivien-story .site-map p{font-size:13px;color:#8e8178;line-height:1.9}.vivien-story .archive-heading{display:flex;justify-content:space-between;align-items:start;margin:110px 0 45px}.vivien-story .archive-heading>p{font-size:35px;letter-spacing:-.04em;line-height:1.4}.vivien-story .brand-gallery{display:grid;grid-template-columns:1fr 1fr;gap:35px}.vivien-story .brand-gallery figure:first-child{grid-column:1/-1}.vivien-story .brand-gallery img{aspect-ratio:2.86;object-fit:cover}.vivien-story .brand-gallery figure:not(:first-child) img{aspect-ratio:2.15}.vivien-story .brand-gallery figcaption{font-size:9px;letter-spacing:.08em;color:#8e7f74;margin-top:15px}.vivien-story .mobile-story{background:#795357;color:#fff}.vivien-story .mobile-grid{display:grid;grid-template-columns:1fr 1.3fr;align-items:center;gap:80px}.vivien-story .mobile-grid h2 i{color:#e0c4be;font-family:inherit;font-style:normal}.vivien-story .mobile-grid .body{color:#ead9d5;margin-top:35px}.vivien-story .mobile-grid .caption{display:block;color:#cdaaa5;margin-top:30px}.vivien-story .phones{display:flex;gap:30px;align-items:start}.vivien-story .phone{background:var(--paper);color:var(--ink);flex:1;min-width:0;border:6px solid #3c282b;border-radius:35px;overflow:hidden;box-shadow:0 20px 60px #38202345}.vivien-story .phone-offset{margin-top:90px}.vivien-story .phone-bar{padding:12px 18px;display:flex;justify-content:space-between;font-size:9px;line-height:1.2}.vivien-story .phone-campaign{height:330px;background:url(../assets/main-still.jpg) 52% center/cover;position:relative;padding:20px}.vivien-story .phone-campaign>img{width:95px;filter:brightness(0) invert(1);margin:auto}.vivien-story .phone-campaign>span{position:absolute;bottom:25px;color:white;font-size:22px;font-family:Georgia,serif;line-height:1.3}.vivien-story .phone-copy{padding:28px 20px 35px}.vivien-story .phone-copy b,.vivien-story .phone-business>b{font-family:Georgia,serif;font-size:17px;font-weight:400}.vivien-story .phone-copy h3{font-size:21px;margin-top:20px}.vivien-story .phone-copy p{font-size:11px;color:#9a8d82;margin:13px 0}.vivien-story .phone-copy>span{font-size:7px}.vivien-story .phone-business{padding:20px}.vivien-story .phone-business h3{font-family:Georgia,serif;font-size:44px;line-height:1.1;margin:35px 0}.vivien-story .phone-business>p{padding:13px 0;border-bottom:1px solid #ded4cb;display:flex;justify-content:space-between;font-size:10px;gap:8px}.vivien-story .phone-business img{height:150px;object-fit:cover;margin-top:30px}.vivien-story .phone-business>small{font-size:8px;display:block;margin:15px 0 20px}.vivien-story .finish{text-align:center}.vivien-story .finish .body{color:#8d7f76;margin-top:30px}.vivien-story .visit{display:inline-flex;justify-content:space-between;align-items:center;gap:80px;border-bottom:1px solid #a49286;font-size:11px;margin-top:35px;padding:12px 0}.vivien-story .visit span{font-size:25px}.vivien-story .finish-brand{font-family:Georgia,serif;font-size:clamp(90px,19vw,290px);line-height:1.1;letter-spacing:-.06em;color:#d8cbc0;margin-top:80px}.vivien-story .credits{display:flex;justify-content:space-between;border-top:1px solid #d8ccc2;padding-top:25px;font-size:10px}.vivien-story .source{font-size:10px;color:#a19286;padding-bottom:30px;border-bottom:1px solid #ded3c9}.vivien-story footer{padding-top:35px;padding-bottom:35px;display:flex;align-items:center;justify-content:space-between;gap:30px}.vivien-story footer p{font-size:10px;line-height:1.7;color:#96877c}.vivien-story footer>a:last-child{font-size:9px;letter-spacing:.07em}.vivien-story .reveal-ready{opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s}.vivien-story .reveal-ready.visible{opacity:1;transform:none}@media(max-width:1000px){.vivien-story .section{padding-top:85px;padding-bottom:85px}.vivien-story .intro-bottom{gap:35px}.vivien-story .intro-bottom p{font-size:15px}.vivien-story .overview{grid-template-columns:1fr;gap:0}.vivien-story .concept-no{font-size:150px}.vivien-story .concept-bottom{gap:30px}.vivien-story .essence{gap:25px}.vivien-story .essence h3{font-size:20px}.vivien-story .editorial-large{min-height:700px}.vivien-story .editorial-side{padding:55px 10%}.vivien-story .system-top,.vivien-story .section-head{flex-direction:column;align-items:start;gap:30px}.vivien-story .mobile-grid{grid-template-columns:1fr;gap:60px}.vivien-story .phones{width:600px;max-width:100%;margin:auto}.vivien-story .site-map{gap:15px}.vivien-story .site-map p{font-size:11px}}@media(max-width:600px){.vivien-story header{height:75px}.vivien-story .agency{font-size:24px}.vivien-story .agency span{font-size:6px}.vivien-story .header-link{font-size:8px}.vivien-story .header-link span{margin-left:20px}.vivien-story .intro{padding-top:30px;padding-bottom:40px}.vivien-story .intro-line{font-size:7px}.vivien-story .intro h1{font-size:23vw;margin:28px 0 35px}.vivien-story .index{font-size:8px;margin:15px 0 0 10px}.vivien-story .intro-bottom{grid-template-columns:1fr;gap:25px}.vivien-story .intro-bottom h2{font-size:26px}.vivien-story .intro-bottom p{font-size:15px}.vivien-story .intro-bottom br{display:none}.vivien-story .intro-bottom h2 br{display:block}.vivien-story .tags{gap:7px}.vivien-story .tags span{font-size:7px;padding:3px 9px}.vivien-story .campaign{height:135vw;min-height:0;max-height:650px}.vivien-story .film-mark>span{font-size:19vw}.vivien-story .film-mark small{font-size:6px;letter-spacing:.18em}.vivien-story .film-caption{font-size:7px;bottom:23px}.vivien-story .campaign button{font-size:9px;bottom:17px;padding:7px 12px}.vivien-story .campaign button span{margin-left:10px}.vivien-story .section{padding-top:65px;padding-bottom:65px}.vivien-story h2{font-size:30px}.vivien-story .label{font-size:9px;margin-bottom:25px}.vivien-story .body{font-size:16px}.vivien-story .overview dl{gap:25px 15px;margin-top:35px}.vivien-story .overview dd{font-size:12px}.vivien-story .concept h2{font-size:14vw}.vivien-story .concept-no{display:none}.vivien-story .concept-bottom{grid-template-columns:1fr;gap:25px;margin-top:35px}.vivien-story .concept-bottom>span{font-size:21px}.vivien-story .concept-bottom .body br{display:none}.vivien-story .essence{grid-template-columns:1fr;gap:30px;margin-top:45px}.vivien-story .essence h3{font-size:22px;margin:12px 0}.vivien-story .essence p{font-size:16px}.vivien-story .editorial{grid-template-columns:1fr}.vivien-story .editorial-large{min-height:0;height:130vw}.vivien-story .editorial-large figcaption{font-size:10vw;bottom:35px;left:6%}.vivien-story .editorial-side{padding:55px 5%}.vivien-story .editorial-side>img{margin-top:30px}.vivien-story .editorial-side .body{font-size:16px}.vivien-story .system-top{margin-bottom:35px}.vivien-story .palette{grid-template-columns:1fr 1fr}.vivien-story .palette>div{height:150px;padding:20px}.vivien-story .palette span{font-size:21px}.vivien-story .typography{gap:20px;margin-top:40px;padding-bottom:30px}.vivien-story .typography .serif{font-size:90px;line-height:1.7}.vivien-story .typography p:not(.serif){font-size:24px;margin:42px 0}.vivien-story .typography>div>span:last-child{font-size:8px}.vivien-story .typography .label{font-size:8px}.vivien-story .section-head{margin-bottom:35px}.vivien-story .desktop{border-width:4px;border-radius:9px}.vivien-story .browser-top{padding:6px 10px;font-size:6px}.vivien-story .browser-top small{font-size:7px}.vivien-story .screen-hero{height:245px}.vivien-story .screen-hero nav{padding:14px;gap:10px}.vivien-story .screen-hero nav img{width:75px}.vivien-story .screen-hero nav>span{font-size:6px}.vivien-story .screen-hero nav small{display:none}.vivien-story .screen-caption{left:15px;bottom:20px;font-size:9px}.vivien-story .screen-about{padding:30px 15px}.vivien-story .mini-brand{font-size:16px}.vivien-story .screen-about p{font-size:16px;margin:14px 0}.vivien-story .screen-about>span:last-child{font-size:6px}.vivien-story .screen-business{padding:20px 10px;font-size:7px}.vivien-story .image-meta{font-size:8px;flex-direction:column;gap:5px}.vivien-story .site-map{grid-template-columns:1fr 1fr;gap:25px}.vivien-story .site-map h3{font-size:23px;margin:10px 0}.vivien-story .site-map p{font-size:13px}.vivien-story .site-map>div:last-child{grid-column:1/-1}.vivien-story .archive-heading{margin:60px 0 30px;flex-direction:column;gap:10px}.vivien-story .archive-heading>p{font-size:29px}.vivien-story .brand-gallery{grid-template-columns:1fr;gap:30px}.vivien-story .brand-gallery figure:first-child{grid-column:auto}.vivien-story .brand-gallery figure:not(:first-child) img{aspect-ratio:2.86}.vivien-story .mobile-grid{gap:40px}.vivien-story .phones{gap:12px}.vivien-story .phone{border-width:4px;border-radius:24px}.vivien-story .phone-offset{margin-top:50px}.vivien-story .phone-bar{padding:10px;font-size:7px}.vivien-story .phone-campaign{height:230px;padding:15px}.vivien-story .phone-campaign>img{width:65px}.vivien-story .phone-campaign>span{font-size:17px;bottom:20px}.vivien-story .phone-copy{padding:22px 12px}.vivien-story .phone-copy h3{font-size:16px;margin-top:13px}.vivien-story .phone-copy p{font-size:9px}.vivien-story .phone-copy b,.vivien-story .phone-business>b{font-size:13px}.vivien-story .phone-business{padding:16px 12px}.vivien-story .phone-business h3{font-size:27px;margin:28px 0}.vivien-story .phone-business>p{font-size:7px;padding:10px 0}.vivien-story .phone-business img{height:100px;margin-top:22px}.vivien-story .phone-business>small{font-size:6px;margin-bottom:12px}.vivien-story .finish h2{font-size:27px}.vivien-story .finish .body{font-size:15px}.vivien-story .finish-brand{font-size:23vw;margin-top:60px}.vivien-story .credits{flex-direction:column;gap:10px;font-size:9px;text-align:left;margin-top:20px}.vivien-story .source{font-size:9px}.vivien-story footer{flex-wrap:wrap;padding:30px 0;gap:20px}.vivien-story footer p{order:3;width:100%;font-size:9px}.vivien-story .reveal-ready{transition-duration:.5s}}.vivien-story .mobile-grid>div{min-width:0}.vivien-story .phones{width:100%;max-width:600px}@media(prefers-reduced-motion:reduce){.vivien-story{scroll-behavior:auto}.vivien-story .reveal-ready{opacity:1;transform:none;transition:none}}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h, 88px) + 24px)}.vivien-story{padding-top:calc(var(--header-h, 88px) + 8px);background:#faf8f5;color:#282322}.vivien-story i{font-style:italic}.vivien-story .intro-line{padding-right:72px}@media(max-width:600px){.vivien-story{padding-top:calc(var(--header-h, 64px) + 8px)}.vivien-story .intro-line{padding-right:48px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}