@charset "UTF-8";
:root{--ink:#443d3d;--muted:#726966;--rose:#a93861;--pale:#f8f2f1;--paper:#fdfbf8;--line:#e4dad6;--serif:"Yu Mincho","Hiragino Mincho ProN", "Noto Serif JP",serif;--sans:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:14px;line-height:1.9;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--serif);font-weight:500}h2{font-size:clamp(26px,2.5vw,36px);line-height:1.85;letter-spacing:.06em}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--rose);outline-offset:6px}::selection{background:#eed8df}.wrap{width:min(1160px,calc(100% - 112px));margin-inline:auto}.section{padding-block:112px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;left:16px;top:-80px;background:white;padding:12px;z-index:100}.skip:focus{top:10px}
.header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 3.5%;position:sticky;top:0;background:rgba(253,251,248,.97);z-index:30;border-bottom:1px solid rgba(228,218,214,.6)}.identity{display:inline-flex;flex-direction:column;line-height:1.3;flex-shrink:0}.identity-en{font-family:Georgia,serif;font-size:29px;letter-spacing:-.8px}.identity-dot{color:var(--rose)}.identity-ja{font-size:10px;letter-spacing:.12em;margin-top:6px}.header nav{display:flex;align-items:center;gap:25px;font-size:12px;letter-spacing:.03em}.header nav>a:not(.nav-shop){padding:12px 0;position:relative}.header nav>a:not(.nav-shop):after{content:"";position:absolute;bottom:3px;left:0;width:0;height:1px;background:var(--rose);transition:width .25s}.header nav>a:hover:after,.header nav>a[aria-current]:after{width:100%}.nav-shop{border:1px solid var(--rose);color:var(--rose);padding:11px 16px}.nav-shop span{margin-left:12px}.nav-shop:hover{background:var(--rose);color:white}.menu-toggle{display:none}
.hero{min-height:660px;height:min(760px,calc(100svh - 100px));position:relative;isolation:isolate;overflow:hidden}.hero-photo{position:absolute;inset:0 0 46px 31%;z-index:-2}.hero-photo img{width:100%;height:100%;object-position:center}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--paper) 13%,rgba(253,251,248,.96) 27%,rgba(253,251,248,.5) 45%,transparent 64%)}.hero-copy{width:min(1160px,calc(100% - 112px));margin:auto;padding-top:100px}.eyebrow{font-family:Arial,sans-serif;color:var(--rose);font-size:11px;font-weight:500;letter-spacing:.19em}.hero h1{font-size:clamp(42px,4.5vw,66px);line-height:1.65;letter-spacing:.09em;margin-top:24px}.hero h1 span{color:var(--rose)}.hero-description{margin:22px 0 28px;font-size:14px;line-height:2.2;letter-spacing:.08em}.text-link{display:inline-flex;align-items:center;gap:32px;font-size:12px;letter-spacing:.09em}.circle-arrow{border:1px solid #ba9c9f;border-radius:50%;width:38px;height:38px;display:inline-grid;place-items:center;transition:.2s}.text-link:hover .circle-arrow{background:var(--rose);color:white;border-color:var(--rose)}.hero-side{position:absolute;right:22px;top:42%;writing-mode:vertical-rl;font:9px Arial;letter-spacing:.19em;color:#66574c}.hero-bottom{position:absolute;bottom:0;left:56px;right:56px;display:flex;justify-content:space-between;align-items:center;height:46px;font:9px Arial;letter-spacing:.17em;color:var(--muted)}.hero-bottom a{display:flex;gap:22px}
.section-kicker{display:flex;align-items:center;gap:17px;margin-bottom:28px;font-size:11px;color:var(--muted)}.section-number{color:var(--rose);font:italic 15px Georgia;border-right:1px solid #d5bfc1;padding-right:17px}.about{position:relative;overflow:hidden;padding-top:95px;padding-bottom:125px}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:90px;margin-top:45px}.about h2{padding-top:5px}.prose p+p{margin-top:20px}.prose{font-size:14px;line-height:2.25}.about-watermark{position:absolute;bottom:-30px;left:0;font:italic 100px Georgia;color:#eee4df;z-index:-1;white-space:nowrap}.brand{background:#f4edeb}.brand-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:90px;align-items:center}.brand-visual{position:relative;padding:0 0 30px 0}.brand-visual:before{content:"";position:absolute;inset:28px -22px 0 25px;background:#e9dcd5}.brand-visual>img{position:relative;width:100%;height:460px;object-position:52% center}.brand-photo-caption{position:absolute;bottom:9px;right:2px;font:italic 16px Georgia;color:#816b62}.timothea-logo{width:145px;height:auto;object-fit:contain;margin-bottom:22px}.brand-copy h2{font-size:28px;margin-bottom:22px}.brand-copy>p{color:var(--muted);line-height:2.2;margin-top:16px}.brand-copy .text-link{margin-top:26px}.brand-copy .section-kicker{margin-bottom:23px}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:48px}.section-head>p{color:var(--muted);font-size:12px;margin-bottom:8px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:46px 30px}.product-image{position:relative;overflow:hidden;aspect-ratio:1.5}.product-image img{width:100%;height:100%;transition:transform .65s}.product-image>span{position:absolute;right:13px;bottom:13px;background:#fffdf9e8;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;color:var(--rose)}.product:hover img{transform:scale(1.045)}.product-type{font:10px Arial;letter-spacing:.12em;color:var(--rose);margin-top:21px!important}.product-type span{font:10px var(--sans);letter-spacing:.02em;border-left:1px solid #d6c7c3;margin-left:12px;padding-left:12px;color:var(--muted)}.product h3{font-family:var(--serif);font-size:20px;font-weight:500;letter-spacing:.03em;margin:9px 0}.product>p:last-of-type{color:var(--muted);font-size:12px;line-height:1.9}.products-end{text-align:center;margin-top:55px;border-top:1px solid var(--line);padding-top:34px}.products-end p{font-size:12px;color:var(--muted);margin-bottom:24px}.button{display:inline-flex;align-items:center;gap:52px;background:var(--rose);color:white;min-height:56px;padding:14px 32px;font-size:13px;transition:background .2s}.button:hover{background:#852748}.brand-message{min-height:320px;display:grid;place-items:center;text-align:center;background:linear-gradient(#fffaf1cc,#fffaf1cc),url('assets/hero.webp') center 62%/cover;padding:65px 24px}.brand-message div>p:nth-child(2){font:28px/1.95 var(--serif);letter-spacing:.1em;margin:22px 0}.brand-message div>span{font-size:11px;letter-spacing:.12em}
.company{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.company-note{margin-top:36px;color:var(--muted);font-family:var(--serif);font-size:18px;line-height:2}.company-table{margin:0}.company-table>div{display:grid;grid-template-columns:115px 1fr;gap:22px;padding:19px 0;border-bottom:1px solid var(--line);font-size:13px}.company-table>div:first-child{border-top:1px solid var(--line)}dt{color:var(--muted)}dd{margin:0}.company-table a:hover{text-decoration:underline;color:var(--rose)}.contact{background:#f0e4e5;padding-block:76px}.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.contact p:not(.eyebrow){margin-top:20px;font-size:13px;color:var(--muted)}.contact-mail{display:block;position:relative;border-bottom:1px solid #bf9fa4;padding:24px 48px 25px 0}.contact-mail>span:first-child{font-size:12px}.contact-mail strong{display:block;font:32px/1.6 Georgia;margin-top:8px;font-weight:400}.contact-arrow{position:absolute;right:0;top:50%;font-size:24px;color:var(--rose)}.contact-mail:hover strong{color:var(--rose)}.contact-store{display:flex;justify-content:space-between;font-size:12px;padding:24px 0}.contact-store:hover{color:var(--rose)}.footer{display:flex;justify-content:space-between;gap:30px;padding-block:48px}.footer .identity-en{font-size:25px}.footer p{font-size:10px;margin-top:22px;color:var(--muted)}.footer-right{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;padding-right:70px;font-size:10px}.footer small{font:10px Arial;color:var(--muted);letter-spacing:.04em}.back-top{position:absolute;right:0;top:0;border:1px solid var(--line);border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-size:18px}
@media(min-width:1600px){.hero-copy{padding-top:120px}.hero-photo{left:35%}}
@media(max-width:1150px){.header nav{gap:16px;font-size:11px}.header{padding-inline:24px}.identity-en{font-size:25px}.nav-shop{padding:10px}.wrap,.hero-copy{width:calc(100% - 80px)}.brand-grid{gap:54px}.about-content{gap:40px}.hero-bottom{left:40px;right:40px}.brand-copy h2{font-size:25px}.brand-visual>img{height:400px}}
@media(max-width:960px){.header{height:80px}.menu-toggle{display:flex;align-items:center;gap:12px;border:0;background:none;padding:12px 0 12px 12px;color:var(--ink);font-size:11px}.menu-lines{width:24px;height:12px;border-block:1px solid var(--ink);transition:.2s}.menu-toggle[aria-expanded=true] .menu-lines{height:1px;transform:rotate(-30deg)}.header nav{position:absolute;top:80px;left:0;right:0;padding:25px 32px;background:var(--paper);border-bottom:1px solid var(--line);display:none;flex-direction:column;align-items:stretch;gap:5px;font-size:13px}.header nav.is-open{display:flex}.header .nav-shop{margin-top:12px;text-align:center}.hero{min-height:620px;height:680px}.hero-copy{padding-top:90px}.hero h1{font-size:49px}.hero-photo{left:20%}.hero:before{background:linear-gradient(90deg,var(--paper) 3%,#fdfbf8d9 24%,#fdfbf877 52%,transparent 80%)}.section{padding-block:80px}.brand-grid{gap:45px}.brand-visual>img{height:390px}.brand-copy h2{font-size:23px}.brand-copy>p{font-size:12px}.section-head{display:block}.section-head>p{margin-top:20px}.product-grid{gap:35px 22px}.product h3{font-size:17px}.company{gap:40px;grid-template-columns:.65fr 1.35fr}.contact-inner{gap:35px}.contact-mail strong{font-size:29px}}
@media(max-width:640px){html{scroll-padding-top:95px}.wrap,.hero-copy{width:calc(100% - 44px)}.header{height:74px;padding-inline:22px}.identity-en{font-size:24px}.identity-ja{font-size:8px}.header nav{top:74px}.hero{height:auto;min-height:750px;padding-bottom:280px}.hero-photo{inset:auto 0 42px 16%;height:335px}.hero:before{background:linear-gradient(180deg,var(--paper) 35%,#fdfbf8b3 53%,transparent 71%)}.hero-copy{padding-top:44px}.hero .eyebrow{font-size:9px;letter-spacing:.13em}.hero h1{font-size:40px;line-height:1.7;margin-top:23px}.hero-description{font-size:12px;margin:19px 0 23px;line-height:2.15}.hero .text-link{font-size:11px}.hero-side{right:10px;top:64%;font-size:7px}.hero-bottom{left:22px;right:22px;font-size:7px;letter-spacing:.1em}.section{padding-block:65px}.section-kicker{gap:12px;margin-bottom:25px}.eyebrow{font-size:10px}.about-content{grid-template-columns:1fr;gap:28px;margin-top:30px}.about h2{font-size:27px}.prose{font-size:13px;line-height:2.3}.desktop-break{display:none}.about-watermark{font-size:66px;bottom:-17px}.about{padding-bottom:88px}.brand-grid{grid-template-columns:1fr;gap:48px}.brand-visual{margin-right:16px}.brand-visual>img{height:auto;aspect-ratio:1.15;object-fit:cover}.brand-visual:before{right:-16px}.brand-copy h2{font-size:26px}.brand-copy>p{font-size:13px}.brand-copy .text-link{margin-top:24px}.timothea-logo{width:137px}.section-head h2{font-size:25px}.section-head{margin-bottom:30px}.product-grid{grid-template-columns:1fr 1fr;gap:30px 16px}.product h3{font-size:17px;line-height:1.7;margin-block:8px}.product-type{font-size:8px;margin-top:15px!important;line-height:1.5}.product-type span{display:block;margin:4px 0 0;padding:0;border:0;font-size:9px}.product>p:last-of-type{font-size:11px}.product-image{aspect-ratio:1.12}.product-image>span{width:24px;height:24px;right:8px;bottom:8px;font-size:11px}.products-end{margin-top:35px}.products-end p{font-size:11px}.button{font-size:12px;gap:28px;padding-inline:24px}.brand-message{min-height:280px;padding:45px 22px}.brand-message div>p:nth-child(2){font-size:23px}.company{grid-template-columns:1fr;gap:30px}.company-note{margin-top:20px;font-size:15px}.company-note br{display:none}.company-table>div{grid-template-columns:78px 1fr;gap:15px;font-size:12px;padding-block:17px}.contact-inner{grid-template-columns:1fr;gap:20px}.contact-mail strong{font-size:30px}.contact-mail{padding-top:12px}.footer{display:block;padding-block:35px}.footer-right{margin-top:30px;align-items:start;gap:24px}.footer p{font-size:9px}.footer-right>a:first-child{padding-top:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.mobile-break{display:none}.hero h1 span{white-space:nowrap}@media(max-width:640px){.mobile-break{display:block}.hero h1{font-size:clamp(32px,9vw,40px);line-height:1.6}.hero-copy{padding-top:36px}}
