/*
Theme Name: WYATT Garden
Description: 와이어트의 일상과 배움을 담는 공식 홈페이지.
Version: 1.0.0
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700&family=Noto+Serif+KR:wght@400;500;600&display=swap');
:root{--paper:#f8f6ef;--ink:#263e35;--muted:#647269;--wine:#773d43;--line:#dcded3;--serif:'Noto Serif KR',serif;--sans:'DM Sans','Noto Sans KR',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);word-break:keep-all;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--wine);outline-offset:6px}img{display:block;width:100%;height:auto}button{cursor:pointer}p{line-height:1.9}h1,h2,h3,p{margin-top:0}.wrap{width:min(1280px,calc(100% - 100px));margin:auto}.eyebrow{font-size:11px;letter-spacing:.2em;font-weight:600;text-transform:uppercase;display:flex;gap:12px;align-items:center;margin:0 0 25px}.eyebrow:before{content:'';width:24px;height:1px;background:currentColor}.top-note{background:var(--ink);color:#e7ebdf;text-align:center;font-size:11px;letter-spacing:.09em;padding:10px}.site-header{height:97px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10;gap:20px}.brand{display:flex;gap:13px;align-items:center}.crest{height:48px;width:40px;border:1px solid var(--wine);border-radius:16px 16px 22px 22px;display:grid;place-items:center;color:var(--wine);font-family:Georgia,serif;font-size:28px}.brand-name{font-family:Georgia,serif;font-size:25px;letter-spacing:.11em;display:block;line-height:1}.brand-sub{display:block;font-size:9px;letter-spacing:.2em;margin-top:7px;color:var(--muted)}.nav{display:flex;align-items:center;gap:32px;font-size:12px}.nav a:hover{color:var(--wine)}.nav .nav-cta{padding:12px 20px;background:var(--wine);color:white;border-radius:2px}.menu-toggle{display:none;background:none;border:1px solid var(--line);padding:10px}.hero{padding:66px 0 36px;display:grid;grid-template-columns:1fr 1.03fr;gap:50px;align-items:center;min-height:680px}.hero-copy{padding:10px 0 32px}.hero h1{font-family:var(--serif);font-size:clamp(34px,3.6vw,52px);font-weight:500;letter-spacing:-.055em;line-height:1.5;margin:0 0 23px}.hero h1 em{font-style:normal;color:var(--wine);position:relative}.hero-desc{font-size:14px;line-height:2.05;color:var(--muted);max-width:410px;margin-bottom:30px}.actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;justify-content:space-between;align-items:center;gap:32px;background:var(--ink);color:white;padding:17px 23px;font-size:12px;border:1px solid var(--ink);transition:background .2s}.btn:hover{background:var(--wine);border-color:var(--wine)}.text-link{font-size:12px;padding:12px 0;border-bottom:1px solid var(--ink)}.hero-foot{display:flex;align-items:center;gap:12px;margin-top:42px;font-size:10px;color:var(--muted);letter-spacing:.07em}.hero-foot:before{content:'✳';font-size:25px;color:var(--wine)}.hero-art{position:relative;padding-bottom:44px;padding-left:27px}.hero-main{height:485px;object-fit:cover;border-radius:48% 48% 3px 3px;object-position:48% center}.hero-small{position:absolute;width:150px;height:195px;object-fit:cover;left:-25px;bottom:12px;border:7px solid var(--paper);transform:rotate(-7deg);box-shadow:0 10px 30px #263e3514}.seal{position:absolute;right:-15px;top:32px;background:var(--wine);color:var(--paper);width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;transform:rotate(12deg);font-size:10px;line-height:1.8;letter-spacing:.1em;outline:1px solid #ffffff70;outline-offset:-8px}.seal b{font-family:Georgia,serif;font-size:25px;font-weight:400}.photo-note{position:absolute;bottom:14px;right:0;font-size:10px;letter-spacing:.02em;color:var(--muted)}.values-strip{border-block:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:22px 0;font-size:12px;gap:20px}.values-strip span{display:flex;gap:14px;align-items:center}.values-strip i{font-family:Georgia,serif;color:var(--wine);font-size:17px}.section{padding:100px 0}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:40px}.section h2{font-family:var(--serif);font-size:36px;font-weight:500;letter-spacing:-.05em;line-height:1.5;margin-bottom:0}.section-head>p{color:var(--muted);font-size:13px;max-width:355px;margin-bottom:5px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.intro-photo{position:relative;max-width:470px}.intro-photo img{height:490px;object-fit:cover}.intro-photo:before{content:'';position:absolute;inset:24px -20px -20px 24px;border:1px solid #adb7a7;z-index:-1}.intro-copy h2{margin-bottom:25px}.intro-copy>p{font-size:14px;color:var(--muted)}.signature{margin-top:28px;font-family:Georgia,serif;font-size:28px;font-style:italic;color:var(--wine)}.approach{background:#e9ede5}.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.approach-card{border-top:1px solid #aab6a5;padding-top:24px}.approach-card .num{font-family:Georgia,serif;color:var(--wine);font-size:17px;display:block;margin-bottom:22px}.approach-card h3{font-family:var(--serif);font-size:21px;font-weight:500;margin-bottom:14px}.approach-card p{font-size:13px;color:#58695c;line-height:1.9}.approach-card small{font-size:10px;letter-spacing:.15em;color:var(--wine)}.campus{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center}.campus-image{height:450px;object-fit:cover}.campus-copy h2{margin-bottom:26px}.campus-copy p{color:var(--muted);font-size:14px}.campus-detail{display:flex;gap:30px;margin-top:25px;padding-top:22px;border-top:1px solid var(--line);font-size:12px}.campus-detail span{display:block;color:var(--muted);font-size:10px;margin-top:8px}.moments{border-top:1px solid var(--line)}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.gallery-item{border:0;background:none;text-align:left;padding:0;color:var(--ink)}.gallery-item img{aspect-ratio:4/5;object-fit:cover;transition:transform .4s}.gallery-item .image-window{overflow:hidden}.gallery-item:hover img{transform:scale(1.045)}.gallery-item:nth-child(even){padding-top:36px}.gallery-item span.caption{display:block;font-size:12px;margin-top:14px}.gallery-item small{font-size:9px;letter-spacing:.13em;color:var(--muted);display:block;margin-top:6px}.gallery-more{margin-top:40px;text-align:center}.btn-outline{background:transparent;color:var(--ink)}.btn-outline:hover{color:white}.extra-gallery{margin-top:35px}.extra-gallery[hidden]{display:none}.illustration-band{background:#f0ece2;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;overflow:hidden}.illustration-band img{height:380px;object-fit:cover;mix-blend-mode:multiply}.illustration-copy{padding:45px 0 45px 65px}.illustration-copy h2{font-family:Georgia,var(--serif);font-size:43px;font-weight:400;line-height:1.2;margin-bottom:18px}.illustration-copy p{font-size:13px;color:var(--muted)}.admissions{display:grid;grid-template-columns:1fr 1fr;gap:80px}.admissions h2{margin-bottom:26px}.admissions p{font-size:14px;color:var(--muted)}.steps{border-top:1px solid var(--line)}.step{display:flex;gap:24px;padding:25px 0;border-bottom:1px solid var(--line)}.step-num{font:italic 24px Georgia,serif;color:var(--wine)}.step h3{font-size:15px;margin-bottom:7px;font-weight:500}.step p{font-size:12px;margin:0}.visit{background:var(--ink);color:var(--paper)}.visit-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px}.visit h2{font-family:var(--serif);font-size:38px;font-weight:400;line-height:1.6;margin-bottom:22px}.visit p{font-size:13px;color:#c1ccc1}.visit .btn{background:var(--paper);color:var(--ink);border-color:var(--paper)}.visit-details{border-top:1px solid #ffffff38}.visit-row{display:grid;grid-template-columns:90px 1fr;gap:20px;padding:23px 0;border-bottom:1px solid #ffffff30;font-size:13px;line-height:1.9}.visit-row dt{color:#bdc8b9}.visit-row dd{margin:0}.visit-phone{font-family:Georgia,serif;font-size:30px;letter-spacing:.03em}.visit-row small{font-size:11px;color:#bbc7bc}.faq{padding-top:65px}.faq h2{font-size:28px;margin-bottom:25px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font-size:14px;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:'+';color:var(--wine)}.faq details[open] summary:after{content:'−'}.faq details p{font-size:13px;color:var(--muted);margin:15px 0 0;max-width:900px}.site-footer{padding:45px 0 30px;border-top:1px solid var(--line)}.footer-main{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer-main p{font-size:11px;color:var(--muted);margin:0;text-align:right}.footer-bottom{border-top:1px solid var(--line);margin-top:30px;padding-top:20px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted);gap:20px}.footer-links{display:flex;gap:18px}.lightbox{border:0;padding:0;background:#f8f6ef;max-width:min(90vw,1100px);max-height:92vh;color:var(--ink)}.lightbox::backdrop{background:#11221ddd}.lightbox img{max-height:75vh;width:auto;max-width:100%;margin:auto;object-fit:contain}.lightbox-bar{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:16px 22px;font-size:13px}.lightbox-close{border:1px solid var(--line);background:transparent;padding:8px 14px}.content-page{max-width:850px;padding:75px 0;min-height:65vh}.content-page h1{font-family:var(--serif);font-weight:500;font-size:38px}.content-page h2{margin-top:35px;font-size:22px}.content-page p,.content-page li{font-size:15px;line-height:1.9}.skip-link{position:fixed;left:10px;top:-100px;background:var(--ink);color:white;padding:15px;z-index:100}.skip-link:focus{top:10px}.mobile-contact{display:none}
@media(min-width:1500px){.hero{min-height:760px}.hero-main{height:545px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.nav{gap:18px}.hero{gap:25px}.hero h1{font-size:37px}.hero-main{height:440px}.seal{right:-5px;width:85px;height:85px}.intro{gap:50px}.section h2{font-size:30px}.gallery-grid{gap:15px}.campus{gap:35px}.admissions,.visit-grid{gap:45px}}
@media(max-width:760px){html{scroll-padding-top:20px}.wrap{width:calc(100% - 40px)}.top-note{font-size:9px;padding:9px}.site-header{height:78px}.crest{height:40px;width:33px;font-size:24px}.brand-name{font-size:21px}.brand-sub{font-size:8px}.menu-toggle{display:block;font-size:11px}.nav{display:none;position:absolute;top:77px;left:-20px;right:-20px;background:var(--paper);padding:20px;border-bottom:1px solid var(--line);box-shadow:0 20px 30px #263e3510;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:14px}.nav .nav-cta{margin-top:10px}.hero{grid-template-columns:1fr;padding-top:40px;gap:20px}.hero-copy{padding:0}.hero .eyebrow{font-size:9px;margin-bottom:22px}.hero h1{font-size:36px;line-height:1.5;letter-spacing:-.065em}.hero-desc{font-size:13px;margin-bottom:25px;max-width:none}.hero-foot{margin-top:26px}.hero-art{margin-top:14px;padding-left:35px;padding-bottom:35px}.hero-main{height:430px}.hero-small{width:123px;height:160px;left:0;bottom:8px;border-width:5px}.seal{right:0;top:20px;width:83px;height:83px;font-size:9px}.seal b{font-size:22px}.photo-note{font-size:8px;right:0;bottom:5px}.values-strip{display:grid;grid-template-columns:1fr 1fr;font-size:10px;gap:16px;padding:20px 0}.values-strip span{gap:8px}.section{padding:65px 0}.section h2{font-size:28px;line-height:1.6}.section-head{display:block;margin-bottom:28px}.section-head>p{margin-top:20px;max-width:none}.eyebrow{font-size:9px;margin-bottom:19px}.intro{grid-template-columns:1fr;gap:45px}.intro-photo{max-width:none;margin-right:18px}.intro-photo img{height:385px}.intro-photo:before{inset:15px -15px -15px 15px}.intro-copy>p{font-size:13px}.approach-grid{grid-template-columns:1fr;gap:25px}.approach-card{padding-top:20px;display:grid;grid-template-columns:35px 1fr}.approach-card .num{grid-row:1/4;margin:0}.approach-card h3{font-size:21px;margin-bottom:10px}.approach-card small{grid-column:2}.campus{grid-template-columns:1fr;gap:30px}.campus-image{height:330px}.campus-copy p{font-size:13px}.gallery-grid{grid-template-columns:1fr 1fr;gap:20px 14px}.gallery-item:nth-child(even){padding-top:22px}.gallery-item span.caption{font-size:11px;margin-top:10px}.gallery-item small{font-size:8px}.illustration-band{grid-template-columns:1fr}.illustration-copy{padding:40px 25px 0}.illustration-copy h2{font-size:38px}.illustration-band img{height:260px}.admissions{grid-template-columns:1fr;gap:28px}.admissions p{font-size:13px}.visit-grid{grid-template-columns:1fr;gap:30px}.visit h2{font-size:30px}.visit-row{grid-template-columns:65px 1fr;gap:12px;font-size:12px}.visit-phone{font-size:25px}.footer-main{display:block}.footer-main p{text-align:left;margin-top:25px}.footer-bottom{display:block;line-height:1.9}.footer-links{margin-bottom:10px}.site-footer{padding-bottom:85px}.mobile-contact{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:15;border-top:1px solid var(--line);background:var(--paper);padding:10px 16px calc(10px + env(safe-area-inset-bottom));gap:8px}.mobile-contact a{flex:1;text-align:center;font-size:12px;padding:11px;background:var(--ink);color:white}.mobile-contact a:last-child{background:var(--wine)}.lightbox{max-width:94vw}.lightbox-bar{font-size:11px;padding:12px}.content-page{padding:45px 0}.content-page h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.program-tabs{display:flex;gap:30px;border-bottom:1px solid var(--line);margin-bottom:35px}.program-tabs button{border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);padding:16px 0;font-size:14px}.program-tabs button[aria-selected=true]{color:var(--wine);border-bottom-color:var(--wine);font-weight:600}.program-panel{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center}.program-panel[hidden]{display:none}.program-photo img{height:430px;object-fit:cover}.program-label{font-size:10px;letter-spacing:.13em;color:var(--wine)}.program-copy h3{font-family:var(--serif);font-size:28px;font-weight:500;line-height:1.6;margin:18px 0}.program-copy p,.program-copy li{font-size:13px;color:var(--muted);line-height:1.9}.program-copy ul{padding-left:18px}.program-time{border-top:1px solid var(--line);padding-top:15px;display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:24px}.program-time span{font-size:11px;color:var(--muted)}.program-time strong{font-size:20px;font-family:Georgia,serif;font-weight:400}.program-copy p.fine-print{font-size:10px;margin-top:10px}.learning-flow{background:#efe9df}.flow-grid,.season-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.flow-grid article{border-top:1px solid #c1b9ac;padding-top:24px;position:relative}.flow-grid article:not(:last-child):after{content:'→';position:absolute;right:0;top:20px;color:var(--wine)}.flow-grid span,.season-grid span{font-size:10px;letter-spacing:.1em;color:var(--wine)}.flow-grid h3,.season-grid h3{font-size:19px;font-family:var(--serif);font-weight:500;margin:22px 0 15px}.flow-grid p,.season-grid p{font-size:12px;color:var(--muted);line-height:1.9}.environment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-bottom:25px}.environment-grid img{height:240px;object-fit:cover}.environment-grid h3{font-family:var(--serif);font-size:21px;font-weight:500;margin:22px 0 12px}.environment-grid p{font-size:13px;color:var(--muted)}.season-grid article{border-left:1px solid var(--line);padding:5px 0 5px 24px}.official-links{border-top:1px solid var(--line);display:flex;align-items:center;gap:24px;padding:25px 0 45px;font-size:12px}.official-links span{margin-right:auto;color:var(--muted)}
@media(max-width:1050px){.program-panel{gap:35px}.flow-grid,.season-grid{gap:20px}.environment-grid img{height:200px}}
@media(max-width:760px){.program-tabs{gap:15px;overflow-x:auto;margin-bottom:25px}.program-tabs button{flex-shrink:0;font-size:11px}.program-panel{grid-template-columns:1fr;gap:28px}.program-photo img{height:300px}.program-copy h3{font-size:25px}.flow-grid,.season-grid{grid-template-columns:1fr 1fr;gap:25px 20px}.flow-grid h3,.season-grid h3{font-size:17px}.flow-grid p,.season-grid p{font-size:11px}.environment-grid{grid-template-columns:1fr;gap:25px}.environment-grid img{height:270px}.environment-grid h3{font-size:21px;margin-top:18px}.season-grid article{padding-left:17px}.official-links{flex-wrap:wrap;gap:18px;font-size:11px}.official-links span{flex-basis:100%}}
.top-announcement{display:block;font-size:11px}.top-announcement span{margin:0 20px;color:#e9d8bd}.top-announcement b{font-weight:500;border-bottom:1px solid #ffffff70;padding-bottom:2px}.roadmap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.roadmap-grid article{background:#f0eee5;border-top:3px solid var(--ink);padding:35px 28px}.roadmap-grid article:nth-child(2){background:#e9ede5}.roadmap-grid article:nth-child(3){background:#eee4e0;border-color:var(--wine)}.age{font-family:Georgia,serif;font-size:58px;display:block;line-height:1;margin-bottom:20px}.age small{font-family:var(--sans);font-size:16px;margin-left:7px}.roadmap-en{font-size:9px;letter-spacing:.1em;color:var(--muted);display:block;min-height:24px}.roadmap-grid h3{font-family:var(--serif);font-size:21px;font-weight:500;margin:17px 0}.roadmap-grid p{font-size:13px;color:var(--muted)}.roadmap-key{display:block;border-top:1px solid #b5bbaa;padding-top:18px;font-size:11px;margin-top:24px}.roadmap-note{font-size:11px;color:var(--muted);margin-top:22px}.home-reading{background:#e9ede5}.home-reading-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.home-reading-grid>div>img{height:540px;object-fit:cover}.home-reading h2{margin-bottom:16px}.home-reading p{font-size:13px;color:var(--muted)}.home-reading .reading-name{font:italic 23px Georgia,serif;color:var(--wine)}.reading-points{border-top:1px solid #b7c1b1;margin:25px 0}.reading-points article{padding:17px 0;border-bottom:1px solid #b7c1b1;display:grid;grid-template-columns:110px 1fr;gap:15px}.reading-points h3{font-size:13px;font-weight:500;margin:0}.reading-points p{font-size:12px;margin:0}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.journal-grid>a{padding:30px 0;border-top:1px solid var(--ink)}.journal-grid span{font-size:10px;letter-spacing:.14em;color:var(--wine)}.journal-grid h3{font-family:var(--serif);font-size:23px;font-weight:500;line-height:1.6;margin:25px 0 18px}.journal-grid p{font-size:13px;color:var(--muted)}.journal-grid b{font-size:11px;font-weight:500}.admission-event{background:#eee4e0;padding:45px 50px;display:flex;justify-content:space-between;align-items:center;gap:40px;border-left:4px solid var(--wine)}.admission-event h2{font-family:var(--serif);font-weight:500;font-size:28px;margin-bottom:20px}.admission-event p{font-size:12px;color:var(--muted);margin-bottom:0}.admission-event .eyebrow{margin-bottom:18px;color:var(--wine)}.admission-event .event-date{font-family:Georgia,serif;font-size:30px;color:var(--ink);margin-bottom:10px}.event-date span{font:12px var(--sans);margin-left:15px}.event-action{display:flex;flex-direction:column;gap:13px;align-items:start;flex-shrink:0}.event-action .btn{background:var(--wine);border-color:var(--wine)}.next-chapter-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px}.next-chapter-grid p{font-size:13px;color:var(--muted)}
@media(max-width:760px){.top-announcement{font-size:9px}.top-announcement span{margin:0 8px;font-size:9px}.roadmap-grid{grid-template-columns:1fr;gap:20px}.roadmap-grid article{padding:28px 23px}.age{font-size:47px;margin-bottom:14px}.roadmap-en{min-height:0}.roadmap-grid h3{font-size:22px}.home-reading-grid{grid-template-columns:1fr;gap:30px}.home-reading-grid>div>img{height:280px}.reading-points article{grid-template-columns:90px 1fr;gap:10px}.journal-grid{grid-template-columns:1fr;gap:15px}.journal-grid>a{padding:25px 0}.journal-grid h3{font-size:23px;margin:18px 0 12px}.admission-event{padding:32px 24px;display:block}.admission-event h2{font-size:24px}.admission-event .event-date{font-size:26px}.event-date span{display:block;margin:5px 0 0}.event-action{margin-top:25px}.next-chapter-grid{grid-template-columns:1fr;gap:25px}}