/* Habin index2: photographic catalogue, restrained editorial typography. */
body.linen{--paper:#fff;--ink:#202922;--accent:#314d3f;--soft:#f3f4ef;font-family:Pretendard,sans-serif;color:var(--ink);background:#fff}
body.linen header{height:100px;max-width:1600px;padding:22px 5%;gap:34px;border-bottom:0;background:#fff}body.linen .brand{font-family:'DM Sans';font-size:30px;letter-spacing:.12em;font-weight:600;color:#263b30}.brand span:not(.habin-wordmark){font-size:10px!important;letter-spacing:.08em!important}body.linen header nav{gap:26px;font-size:14px}body.linen .member-shortcuts{font-size:12px}body.linen main{max-width:none;padding:0}body.linen main>section:not(.hero),body.linen .category-bar{max-width:1280px;margin-left:auto;margin-right:auto}body.linen .editorial-topline{padding:10px 5%;border-top:1px solid #e5e8e2;display:flex;justify-content:space-between;background:#f7f8f4;font-size:11px;color:#576257;letter-spacing:.01em}
body.linen .hero-linen{position:relative;width:100%;height:clamp(580px,calc(100svh - 190px),790px);min-height:580px;border-radius:0;background:#edf0e8;margin:0 0 0;overflow:hidden;--scene-height:unset}body.linen .hero-linen:after{display:none}body.linen .hero-bg{position:absolute;width:54%;height:100%;right:0;top:0;object-fit:cover;object-position:center 64%;margin:0;filter:none}body.linen .hero-overlay{color:#253a2c;left:5%;top:50%;transform:translateY(-55%);width:44%;max-width:670px}body.linen .hero-overlay small{display:block;font:500 12px/1.6 Pretendard;letter-spacing:.06em;margin-bottom:35px}body.linen .hero h1{font:500 clamp(38px,4.2vw,68px)/1.25 Pretendard;letter-spacing:-.06em;max-width:600px}body.linen .hero p{font-size:15px;line-height:1.9;margin-top:28px;opacity:1;color:#5d695e}body.linen .hero-link{font-size:13px;border-bottom:1px solid #879385;display:inline-flex;padding:16px 0;gap:60px;margin-top:28px;color:#2e4334}body.linen .hero-caption{position:absolute;left:49%;right:3%;bottom:22px;display:flex;justify-content:space-between;color:white;font-size:10px;letter-spacing:.08em;text-shadow:0 1px 4px #000}body.linen .hero-film-link{left:5%;right:auto;bottom:28px;background:none;border:0;padding:0;box-shadow:none;backdrop-filter:none;color:#3a4c3e;font-size:11px}body.linen .hero-play{border-color:#a0ac9b;width:33px;height:33px}body.linen .hero-film-link b{margin-left:12px}body.linen .hero-film-link small{font-size:9px;margin-bottom:2px}
body.linen .category-bar{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;padding:32px 0;margin-bottom:90px;border-bottom:1px solid #e0e4dc;gap:0}body.linen .category-bar a{padding:0 30px;border-right:1px solid #e5e8e0;border-bottom:0;text-align:left;display:flex;flex-direction:column;gap:5px}body.linen .category-bar a:first-child{padding-left:0}body.linen .category-bar a:last-child{border:0}body.linen .category-bar b{font-weight:600;font-size:15px}body.linen .category-bar span{font-size:12px;color:#858b81}
body.linen .gallery{margin-bottom:100px;padding:0}body.linen .section-heading{align-items:end;margin-bottom:30px;gap:24px}body.linen .section-heading small{font-size:11px;letter-spacing:.03em;color:#6a7665;margin-bottom:10px;display:block}body.linen .section-heading h2{font:500 32px/1.35 Pretendard;letter-spacing:-.045em}body.linen .section-heading p{font-size:13px;color:#7c8279;margin-top:12px}body.linen .text-link{font-size:12px;color:#475340;border-bottom:0;white-space:nowrap}body.linen .card-grid{gap:30px}body.linen .card{background:none;border:0;box-shadow:none;min-width:0}body.linen .card-image{border-radius:0;aspect-ratio:4/3;overflow:hidden;background:#f2f2ec}body.linen .card-image img{height:100%;width:100%;object-fit:cover;transition:transform .5s}body.linen .card-image:hover img{transform:scale(1.035)}body.linen .card-copy{padding:18px 0 0;display:block}body.linen .card-copy small{font-size:10px;color:#888d82;letter-spacing:0}body.linen .card-copy h3{font-size:17px;font-weight:500;letter-spacing:-.02em;margin:6px 0 10px}body.linen .card-copy>span{font-size:11px;color:#798173}body.linen .save{border-radius:50%;width:32px;height:32px;display:grid;place-items:center;background:#ffffffed;right:12px;top:12px}body.linen .photo-badge{border-radius:0;padding:5px 8px;font:600 9px/1 Pretendard;letter-spacing:.05em}body.linen .photo-badge.hot{background:#614239;color:white}body.linen .photo-badge.new{background:#3c5743;color:white}body.linen .image-label{background:#ffffffed;color:#4b5748;font-size:10px;border-radius:0;padding:5px 10px}
body.linen #farm .card-grid{grid-template-columns:1.35fr 1fr 1fr}body.linen #farm .card-image{aspect-ratio:1/1}body.linen #farm .card:first-child .card-image{aspect-ratio:1.35/1}body.linen #family .card-grid{grid-template-columns:repeat(3,1fr)}body.linen #family .card-image{aspect-ratio:5/4}
body.linen .film{background:#263d30;color:#f3f3e9;border-radius:0;display:grid;grid-template-columns:.8fr 1.3fr;gap:60px;padding:60px;margin-bottom:100px}body.linen .film h2{font:400 32px/1.45 Pretendard;margin:18px 0}body.linen .film-copy p{color:#b9c5b6;font-size:13px;line-height:1.9}body.linen .film-copy small{font-size:10px;color:#b2c2ad}body.linen .film .text-link{color:#e6ebdf;margin-top:28px;display:inline-block}body.linen .video-block{width:100%;align-self:center}body.linen .video-screen{aspect-ratio:16/9;border-radius:0}body.linen .video-screen img{opacity:.9}body.linen .video-screen span{border:1px solid #ffffff90;background:#ffffff20;width:64px;height:64px;font-size:16px;backdrop-filter:blur(4px)}
body.linen .about{padding:60px 0;border-top:1px solid #dce1d6;border-bottom:1px solid #dce1d6;background:none;gap:50px;margin-bottom:90px}body.linen .about h2{font:400 30px/1.5 Pretendard}body.linen .about p{font-size:14px;color:#777f73}body.linen .about strong{font:400 42px/1.1 'Cormorant Garamond';color:#92a08c}body.linen .community{background:none;gap:30px;margin-bottom:80px}body.linen .community h2{font-size:28px;font-weight:500}body.linen .community>a{border:0;border-left:1px solid #dce1d6;padding:8px 24px}body.linen .visit{background:#f1f3ec;padding:55px 60px;margin-bottom:0;max-width:none!important;display:flex;justify-content:space-around}body.linen .visit h2{font-size:32px;font-weight:400}body.linen footer{max-width:1400px;padding:60px;margin:auto;border:0;font-size:12px;color:#737c6d}body.linen footer h2{font-size:21px;font-weight:600;color:#34442e}.linen footer .visitor{font-size:11px}
body.linen main>.sub-intro,body.linen main>.section-tabs,body.linen main>.cms-public-list,body.linen main>.cms-entry,body.linen main>.cms-inquiries,body.linen main>.cms-public-form{max-width:1200px;margin-left:auto;margin-right:auto}body.linen .sub-intro{padding:65px 0 35px}body.linen .sub-intro h1{font:500 40px/1.4 Pretendard}body.linen input,body.linen textarea,body.linen select{font-family:inherit;border:1px solid #d3d9ce;border-radius:3px;background:white;padding:12px;color:#263a2b}body.linen input:focus,body.linen textarea:focus{outline:2px solid #81947b;outline-offset:2px}body.linen .btn{border-radius:3px;background:#344e3e;color:white;padding:12px 22px}body.linen .btn.light{background:#eff2ea;color:#344e3e}body.linen a:focus-visible,body.linen button:focus-visible{outline:2px solid #8ca480;outline-offset:5px}
@media(min-width:1400px){body.linen .hero-overlay{left:calc((100vw - 1280px)/2)}body.linen .hero-film-link{left:calc((100vw - 1280px)/2)}}
@media(max-width:1350px){body.linen main>section:not(.hero),body.linen .category-bar{margin-left:5%;margin-right:5%}body.linen main>.sub-intro,body.linen main>.section-tabs,body.linen main>.cms-public-list,body.linen main>.cms-entry,body.linen main>.cms-inquiries,body.linen main>.cms-public-form{margin-left:5%;margin-right:5%}body.linen .visit{margin:0!important}body.linen header nav{gap:17px}}
@media(max-width:1000px){body.linen header{height:82px}body.linen header nav,body.linen .member-shortcuts{display:none}body.linen .menu-toggle{display:block;margin-left:auto}.linen .mobile-nav{border-bottom:1px solid #ddd}body.linen .hero h1{font-size:42px}body.linen .hero p{font-size:13px;max-width:250px}body.linen .film{gap:30px;padding:35px}body.linen .film h2{font-size:27px}body.linen .hero-caption{left:50%}body.linen .about{gap:25px}body.linen .about strong{display:none}}
@media(max-width:650px){body.linen header{height:76px;padding:18px 6%}body.linen .brand{font-size:26px}body.linen .editorial-topline{font-size:10px;padding:10px 6%}.editorial-topline>a{display:none}body.linen .hero-linen{height:auto;min-height:0;padding:42px 6% 0;display:flex;flex-direction:column}body.linen .hero-overlay{position:relative;left:auto;top:auto;transform:none;max-width:none;width:100%;order:0}body.linen .hero h1{font-size:39px;line-height:1.24}body.linen .hero-overlay small{margin-bottom:18px;font-size:10px}body.linen .hero p{font-size:12px;max-width:none;margin-top:18px}body.linen .hero-link{margin:8px 0 28px;padding:12px 0;font-size:12px}body.linen .hero-bg{position:relative;order:1;width:calc(100% + 12vw);height:330px;right:auto;top:auto;margin-left:-6vw;object-position:center 65%}body.linen .hero-caption{display:none}body.linen .hero-film-link{position:relative;left:auto;bottom:auto;order:2;padding:17px 0;width:100%;font-size:11px}body.linen .category-bar{grid-template-columns:repeat(2,1fr);row-gap:24px;margin-bottom:55px;padding:26px 0}body.linen .category-bar a{padding:0 16px!important}.linen .category-bar a:nth-child(2){border:0}body.linen .category-bar b{font-size:13px}body.linen .category-bar span{font-size:10px}body.linen .gallery{margin-bottom:60px}body.linen .section-heading{gap:12px;margin-bottom:23px}body.linen .section-heading h2{font-size:24px}body.linen .section-heading p{font-size:12px;max-width:250px}.linen .section-heading .text-link{font-size:10px}body.linen .card-grid,body.linen #farm .card-grid,body.linen #family .card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}body.linen .card-grid .card:last-child{display:block}body.linen .card-copy h3{font-size:14px;line-height:1.5}body.linen .card-copy>span{font-size:10px}body.linen .card-copy{padding-top:12px}body.linen .card-image,body.linen #farm .card-image,body.linen #family .card-image,body.linen #farm .card:first-child .card-image{aspect-ratio:1/1}body.linen #farm .card:first-child{grid-column:span 2}body.linen #farm .card:first-child .card-image{aspect-ratio:4/3}body.linen .film{grid-template-columns:1fr;padding:30px 22px;gap:25px;margin-bottom:60px}body.linen .film h2{font-size:27px}body.linen .film-copy p{font-size:12px}body.linen .film .text-link{margin-top:15px}body.linen .about{display:block;padding:36px 0;margin-bottom:55px}body.linen .about h2{font-size:26px;margin:14px 0 24px}body.linen .about p{font-size:12px}body.linen .community{display:grid;grid-template-columns:1fr;margin-bottom:55px;gap:0}body.linen .community>div{margin-bottom:24px}body.linen .community>a{border-left:0;border-top:1px solid #e0e5dc;padding:18px 0}body.linen .visit{padding:35px 6%;display:block}body.linen .visit>div+div{margin-top:28px}.linen .visit p{font-size:12px}body.linen footer{padding:36px 6%;display:flex;flex-direction:column;gap:25px}body.linen .sub-intro{padding-top:38px}body.linen .sub-intro h1{font-size:30px}body.linen .cms-entry-images{grid-template-columns:1fr}body.linen .cms-public-form{padding:20px 0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:650px){body.linen .hero-overlay{inset:auto;bottom:auto;right:auto}body.linen .hero-film-link{inset:auto}}