:root{--bg: #FAF8F3;--bg-light: #F5F2EB;--bg-dark: #1F1C18;--text-primary: #1A1815;--text-secondary: #4A433A;--text-muted: #8C8680;--accent: #8B6F47;--accent-soft: #D9C8AA;--border: #E5DED0;--border-dark: #3A352F}.home-page{background:var(--bg)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 40px}@media (max-width: 768px){.container{padding:0 24px}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;filter:grayscale(12%) contrast(1.04) brightness(.92);transition:opacity 1.2s cubic-bezier(.4,0,.2,1)}.hero__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 30%,rgba(44,40,36,.18) 70%,rgba(44,40,36,.35) 100%)}.hero__content{position:relative;z-index:1;text-align:center;max-width:720px;padding:0 40px}.hero__overline{font-family:JetBrains Mono,monospace;font-size:.65rem;letter-spacing:.4em;color:var(--text-muted);text-transform:uppercase;margin-bottom:40px}.hero__title{font-family:"Noto Serif SC","Source Han Serif SC",serif;font-size:clamp(2.2rem,5vw,3.8rem);font-weight:400;letter-spacing:.12em;line-height:1.4;color:var(--text-primary);margin:0 0 32px}.hero__divider{width:48px;height:1px;border:none;background:#8c868059;margin:0 auto 32px}.hero__subtitle{font-family:"Noto Serif SC",serif;font-size:clamp(.95rem,1.5vw,1.1rem);font-weight:300;letter-spacing:.08em;line-height:2;color:var(--text-secondary);margin:0 0 48px}.hero__cta{display:inline-block;padding:14px 40px;border:1px solid rgba(92,86,80,.22);color:var(--text-secondary);text-decoration:none;font-family:"Noto Serif SC",serif;font-size:.88rem;font-weight:400;letter-spacing:.12em;transition:all .4s cubic-bezier(.4,0,.2,1);background:transparent}.hero__cta:hover{background:#5c565014;border-color:#5c565080;color:var(--text-primary);text-decoration:none}.hero__cta em{font-style:normal;font-family:Cormorant Garamond,serif;font-size:.85em;letter-spacing:.1em;opacity:.7;margin-left:.5em}.hero__dots{position:absolute;bottom:80px;left:50%;transform:translate(-50%);display:flex;gap:14px;z-index:2}.hero__dot{width:6px;height:6px;border-radius:50%;border:none;background:#8c868033;cursor:pointer;padding:0;transition:all .3s ease}.hero__scroll{position:absolute;bottom:40px;left:50%;transform:translate(-50%);font-family:JetBrains Mono,monospace;font-size:.6rem;letter-spacing:.3em;color:#8c868066;z-index:2;display:flex;flex-direction:column;align-items:center;gap:12px;animation:heroPulse 3s ease-in-out infinite}@keyframes heroPulse{0%,to{opacity:.4;transform:translate(-50%) translateY(0)}50%{opacity:.8;transform:translate(-50%) translateY(6px)}}.hero__scroll-line{width:1px;height:36px;background:linear-gradient(to bottom,rgba(140,134,128,.4),transparent)}@media (max-width: 768px){.hero__content{padding:0 24px}.hero__title{font-size:clamp(1.8rem,6vw,2.8rem)}.hero__dots{bottom:60px}}.home-section{padding:80px 0}.home-section--light{background:var(--bg-light)}.home-section--dark{background:var(--bg-dark)}.section-heading{text-align:center;margin-bottom:48px}.section-eyebrow{font-family:JetBrains Mono,monospace;font-size:.65rem;letter-spacing:.3em;color:var(--accent);text-transform:uppercase;margin-bottom:12px}.section-title{font-family:"Noto Serif SC",serif;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:400;letter-spacing:.08em;color:var(--text-primary);margin:0}.section-link-wrap{text-align:center;margin-top:40px}.section-link{display:inline-block;font-family:"Noto Serif SC",serif;font-size:.88rem;color:var(--accent);text-decoration:none;letter-spacing:.08em;padding-bottom:4px;border-bottom:1px solid var(--accent);transition:all .3s ease}.section-link:hover{color:var(--text-primary);border-color:var(--text-primary);text-decoration:none}.section-link em{font-family:Cormorant Garamond,serif;font-style:italic;color:var(--text-muted);margin-left:.5em;font-size:.9em}.materials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:960px;margin:0 auto}@media (max-width: 768px){.materials-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width: 480px){.materials-grid{grid-template-columns:1fr}}.material-card{display:block;text-decoration:none;color:inherit;border-radius:4px;overflow:hidden;background:var(--bg);transition:transform .35s ease,box-shadow .35s ease}.material-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #0000001a;text-decoration:none;color:inherit}.material-card__img{aspect-ratio:4 / 3;background-size:cover;background-position:center;background-color:var(--bg-light)}.material-card__info{padding:16px 20px}.material-card__name{font-family:"Noto Serif SC",serif;font-size:1.05rem;font-weight:400;letter-spacing:.06em;color:var(--text-primary);margin:0 0 4px}.material-card__cat{font-family:Cormorant Garamond,serif;font-size:.8rem;color:var(--text-muted);letter-spacing:.04em}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:960px;margin:0 auto}@media (max-width: 768px){.projects-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width: 480px){.projects-grid{grid-template-columns:1fr}}.project-card{display:block;text-decoration:none;color:inherit;border-radius:4px;overflow:hidden;background:var(--bg);border:1px solid var(--border);transition:transform .25s ease,box-shadow .25s ease}.project-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014;text-decoration:none;color:inherit}.project-card__img{aspect-ratio:4 / 3;background:var(--bg-light);background-size:cover;background-position:center}.project-card__info{padding:16px 20px}.project-card__name{font-family:"Noto Serif SC",serif;font-size:.95rem;font-weight:400;letter-spacing:.04em;color:var(--text-primary);margin:0 0 6px}.project-card__meta{font-family:JetBrains Mono,monospace;font-size:.72rem;color:var(--text-muted);letter-spacing:.04em}.notes-list{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:0}.note-item{display:grid;grid-template-columns:100px 1fr;gap:24px;padding:24px 0;border-bottom:1px solid var(--border);text-decoration:none;color:inherit;transition:background-color .2s ease}.note-item:hover{background-color:#00000005;text-decoration:none;color:inherit}.note-date{font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--accent);letter-spacing:.04em;padding-top:4px}.note-content{display:flex;flex-direction:column;gap:8px}.note-title{font-family:"Noto Serif SC",serif;font-size:1rem;font-weight:400;letter-spacing:.04em;color:var(--text-primary);margin:0;line-height:1.4}.note-excerpt{font-family:"Noto Serif SC",serif;font-size:.88rem;color:var(--text-muted);line-height:1.7;margin:0}@media (max-width: 480px){.note-item{grid-template-columns:1fr;gap:8px}.note-date{padding-top:0}}.contact-band{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;max-width:800px;margin:0 auto;padding:48px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:4px}@media (max-width: 768px){.contact-band{grid-template-columns:1fr;gap:32px;padding:32px 24px}}.contact-band__title{font-family:"Noto Serif SC",serif;font-size:1.4rem;font-weight:400;letter-spacing:.08em;color:var(--bg);margin:0 0 4px}.contact-band__title-en{font-family:Cormorant Garamond,serif;font-style:italic;font-size:.9rem;color:#faf8f380;margin:0 0 16px;letter-spacing:.04em}.contact-band__body{font-family:"Noto Serif SC",serif;font-size:.9rem;color:#faf8f399;line-height:1.9;margin:0}.contact-band__contact{display:flex;flex-direction:column;gap:12px;font-family:JetBrains Mono,monospace;font-size:.85rem;color:#faf8f3b3}.contact-band__contact span{color:#faf8f366;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;margin-right:8px}.section-subtitle{font-family:Cormorant Garamond,serif;font-style:italic;font-size:1rem;color:var(--text-muted);margin:4px 0 0;letter-spacing:.04em}.themes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:1100px;margin:0 auto}@media (max-width: 768px){.themes-grid{grid-template-columns:1fr;gap:16px}}.theme-card{position:relative;display:block;height:360px;overflow:hidden;text-decoration:none;color:#fff;border-radius:2px;cursor:pointer;background-color:#2a2620}.theme-card__img{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.theme-card:hover .theme-card__img{transform:scale(1.05)}.theme-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000000d,#00000026 40%,#000000bf);transition:background .4s}.theme-card:hover .theme-card__overlay{background:linear-gradient(180deg,#0000001a,#00000040 40%,#000000d9)}.theme-card__body{position:absolute;top:0;right:0;bottom:0;left:0;padding:28px 32px;display:flex;flex-direction:column;justify-content:flex-end}.theme-card__eyebrow{font-family:JetBrains Mono,monospace;font-size:.68rem;letter-spacing:.32em;color:#ffffffb3;margin-bottom:8px}.theme-card__title{font-family:"Noto Serif SC",serif;font-size:2.4rem;font-weight:300;letter-spacing:.16em;margin:0 0 12px;line-height:1.1;text-shadow:0 2px 16px rgba(0,0,0,.4)}.theme-card__desc{font-family:"Noto Serif SC",serif;font-size:.9rem;line-height:1.7;color:#ffffffd9;margin:0 0 16px;max-width:90%;text-shadow:0 1px 8px rgba(0,0,0,.4)}.theme-card__materials{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.theme-card__chip{font-family:"Noto Serif SC",serif;font-size:.72rem;padding:4px 10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);letter-spacing:.06em;color:#ffffffeb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.theme-card__cta{font-family:JetBrains Mono,monospace;font-size:.75rem;letter-spacing:.18em;color:var(--copper, #b87333);margin-top:4px;transition:transform .3s,letter-spacing .3s}.theme-card:hover .theme-card__cta{letter-spacing:.22em}@media (max-width: 768px){.theme-card{height:280px}.theme-card__title{font-size:1.8rem}.theme-card__body{padding:20px 22px}.theme-card__desc{font-size:.82rem}}.yarl__fullsize{height:100%;width:100%}.yarl__relative{position:relative}.yarl__portal{bottom:0;left:0;opacity:0;overflow:hidden;pointer-events:auto;position:fixed;right:0;top:0;transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);z-index:var(--yarl__portal_zindex,9999)}.yarl__portal_open{opacity:1}.yarl__container{background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));bottom:0;left:0;outline:none;overflow:hidden;overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);position:absolute;right:0;top:0;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;-moz-user-select:none;user-select:none}.yarl__carousel{align-content:center;align-items:stretch;display:flex;flex:0 0 auto;height:100%;justify-content:center;opacity:var(--yarl__pull_opacity,1);transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px, 0)*1px + var(--yarl__carousel_spacing_percent, 0)*1%))}.yarl__carousel_with_slides{-moz-column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%);column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%)}.yarl__flex_center{align-content:center;align-items:center;display:flex;justify-content:center}.yarl__slide{flex:1;overflow:hidden;padding:calc(var(--yarl__carousel_padding_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_padding_percent, 0)*1%);position:relative}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.yarl__slide_image_cover{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d}}.yarl__slide_placeholder{left:50%;line-height:0;position:absolute;top:50%;transform:translate(-50%) translateY(-50%)}.yarl__slide_loading{animation:yarl__delayed_fadein 1s linear;color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,hsla(0,0%,100%,.8)))}.yarl__slide_loading line{animation:yarl__stroke_opacity 1s linear infinite}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{color:var(--yarl__slide_icon_error_color,red);height:var(--yarl__slide_icon_error_size,48px);width:var(--yarl__slide_icon_error_size,48px)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{bottom:auto;display:flex;justify-content:flex-end;left:auto;padding:var(--yarl__toolbar_padding,8px);position:absolute;right:0;top:0}[dir=rtl] .yarl__toolbar{bottom:auto;left:0;right:auto;top:0}.yarl__icon{height:var(--yarl__icon_size,32px);width:var(--yarl__icon_size,32px)}.yarl__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);color:var(--yarl__color_button,hsla(0,0%,100%,.8));cursor:pointer;filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));line-height:0;margin:var(--yarl__button_margin,0);outline:none;padding:var(--yarl__button_padding,8px);-webkit-tap-highlight-color:transparent}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,hsla(0,0%,100%,.8))}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media (hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,hsla(0,0%,100%,.4));cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%) rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%) rotate(180deg)}.yarl__no_scroll{height:100%;overflow:hidden;overscroll-behavior:none}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}.yarl__slide_captions_container{background:var(--yarl__slide_captions_container_background,rgba(0,0,0,.5));left:var(--yarl__slide_captions_container_left,0);padding:var(--yarl__slide_captions_container_padding,16px);position:absolute;right:var(--yarl__slide_captions_container_right,0);-webkit-transform:translateZ(0)}.yarl__slide_title{color:var(--yarl__slide_title_color,#fff);font-size:var(--yarl__slide_title_font_size,125%);font-weight:var(--yarl__slide_title_font_weight,bolder);max-width:calc(100% - var(--yarl__toolbar_width, 0px));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yarl__slide_title_container{top:var(--yarl__slide_title_container_top,0)}.yarl__slide_description{display:-webkit-box;-webkit-hyphens:auto;hyphens:auto;overflow:hidden;-webkit-box-orient:vertical;color:var(--yarl__slide_description_color,#fff);-webkit-line-clamp:var(--yarl__slide_description_max_lines,3);text-align:var(--yarl__slide_description_text_align,start)}.yarl__slide_description_container{bottom:var(--yarl__slide_description_container_bottom,0)}.yarl__thumbnails{display:flex;height:100%}.yarl__thumbnails_bottom,.yarl__thumbnails_end .yarl__thumbnails_track,.yarl__thumbnails_start .yarl__thumbnails_track,.yarl__thumbnails_top{flex-direction:column}.yarl__thumbnails_wrapper{flex:1;position:relative}.yarl__thumbnails_container{background-color:var(--yarl__thumbnails_container_background_color,var(--yarl__color_backdrop,#000));flex:0 0 auto;overflow:hidden;padding:var(--yarl__thumbnails_container_padding,16px);position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.yarl__thumbnails_vignette{pointer-events:none;position:absolute;--yarl__thumbnails_vignette_size:12%}@media (min-width:1200px){.yarl__thumbnails_vignette{--yarl__thumbnails_vignette_size:8%}}@media (min-width:2000px){.yarl__thumbnails_vignette{--yarl__thumbnails_vignette_size:5%}}.yarl__thumbnails_bottom .yarl__thumbnails_vignette,.yarl__thumbnails_top .yarl__thumbnails_vignette{background:linear-gradient(to right,var(--yarl__color_backdrop,#000) 0,transparent var(--yarl__thumbnails_vignette_size,12%) calc(100% - var(--yarl__thumbnails_vignette_size, 12%)),var(--yarl__color_backdrop,#000) 100%);height:100%;left:0;right:0}.yarl__thumbnails_end .yarl__thumbnails_vignette,.yarl__thumbnails_start .yarl__thumbnails_vignette{background:linear-gradient(to bottom,var(--yarl__color_backdrop,#000) 0,transparent var(--yarl__thumbnails_vignette_size,12%) calc(100% - var(--yarl__thumbnails_vignette_size, 12%)),var(--yarl__color_backdrop,#000) 100%);bottom:0;top:0;width:100%}.yarl__thumbnails_track{gap:var(--yarl__thumbnails_thumbnail_gap,16px);outline:none}.yarl__thumbnails_thumbnail{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--yarl__thumbnails_thumbnail_background,#000);border-color:var(--yarl__thumbnails_thumbnail_border_color,var(--yarl__color_button,hsla(0,0%,100%,.8)));border-radius:var(--yarl__thumbnails_thumbnail_border_radius,4px);border-style:var(--yarl__thumbnails_thumbnail_border_style,solid);border-width:var(--yarl__thumbnails_thumbnail_border,1px);cursor:pointer;flex:0 0 auto;-webkit-tap-highlight-color:transparent;box-sizing:content-box;height:var(--yarl__thumbnails_thumbnail_height,80px);outline:none;overflow:hidden;padding:var(--yarl__thumbnails_thumbnail_padding,4px);position:relative;width:var(--yarl__thumbnails_thumbnail_width,120px)}.yarl__thumbnails_thumbnail_active{border-color:var(--yarl__thumbnails_thumbnail_active_border_color,var(--yarl__color_button_active,#fff))}.yarl__thumbnails_thumbnail_fadein{animation:yarl__thumbnails_thumbnail_fadein var(--yarl__thumbnails_thumbnail_fadein_duration,.5s) ease-in-out var(--yarl__thumbnails_thumbnail_fadein_delay,0s) forwards;opacity:0}.yarl__thumbnails_thumbnail_fadeout{animation:yarl__thumbnails_thumbnail_fadeout var(--yarl__thumbnails_thumbnail_fadeout_duration,.5s) ease-in-out var(--yarl__thumbnails_thumbnail_fadeout_delay,0s) forwards;cursor:unset}.yarl__thumbnails_thumbnail_placeholder{cursor:unset;visibility:hidden}.yarl__thumbnails_thumbnail:focus{box-shadow:var(--yarl__thumbnails_thumbnail_focus_box_shadow,#000 0 0 0 2px,var(--yarl__color_button,hsla(0,0%,100%,.8)) 0 0 0 4px)}.yarl__thumbnails_thumbnail:focus:not(:focus-visible){box-shadow:unset}.yarl__thumbnails_thumbnail:focus-visible{box-shadow:var(--yarl__thumbnails_thumbnail_focus_box_shadow,#000 0 0 0 2px,var(--yarl__color_button,hsla(0,0%,100%,.8)) 0 0 0 4px)}.yarl__thumbnails_thumbnail_icon{color:var(--yarl__thumbnails_thumbnail_icon_color,var(--yarl__color_button,hsla(0,0%,100%,.8)));filter:var(--yarl__thumbnails_thumbnail_icon_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));height:var(--yarl__thumbnails_thumbnail_icon_size,32px);left:50%;position:absolute;top:50%;transform:translate(-50%) translateY(-50%);width:var(--yarl__thumbnails_thumbnail_icon_size,32px)}@keyframes yarl__thumbnails_thumbnail_fadein{0%{opacity:0}to{opacity:1}}@keyframes yarl__thumbnails_thumbnail_fadeout{0%{opacity:1}to{opacity:0}}.md-page{background:var(--bg, #faf8f4);color:var(--text, #2a2520);font-family:"Noto Serif SC",Songti SC,serif;line-height:1.85}.md-container{max-width:1200px;margin:0 auto;padding:0 32px}.md-hero{position:relative;width:100%;height:80vh;min-height:600px;background-size:cover;background-position:center;display:flex;align-items:flex-end;color:#fff;overflow:hidden}.md-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000004d,#0000001a 40%,#0009)}.md-hero-content{position:relative;z-index:2;max-width:1200px;width:100%;margin:0 auto;padding:0 32px 100px}.md-overline{font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;opacity:.85;margin-bottom:24px;font-family:Inter,system-ui,sans-serif}.md-title{font-size:clamp(3rem,8vw,6rem);font-weight:200;margin:0 0 16px;letter-spacing:.06em;line-height:1.1;text-shadow:0 2px 24px rgba(0,0,0,.3)}.md-subtitle{font-size:1.1rem;font-style:italic;opacity:.85;margin-bottom:32px;letter-spacing:.05em;font-family:Inter,system-ui,sans-serif}.md-tags{display:flex;gap:8px;flex-wrap:wrap}.md-tag{display:inline-block;padding:6px 16px;border:1px solid rgba(255,255,255,.4);background:#ffffff14;font-size:.78rem;letter-spacing:.12em;font-family:Inter,system-ui,sans-serif;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.md-hero-scroll-hint{position:absolute;bottom:32px;left:50%;transform:translate(-50%);font-size:.7rem;letter-spacing:.2em;opacity:.7;z-index:2;font-family:Inter,system-ui,sans-serif}.md-section{padding:100px 0;border-bottom:1px solid rgba(0,0,0,.06)}.md-section:last-child{border-bottom:none}.md-section-label{display:inline-block;font-size:.72rem;letter-spacing:.25em;text-transform:uppercase;color:var(--copper, #b87333);margin-bottom:16px;font-family:Inter,system-ui,sans-serif}.md-h2{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:300;letter-spacing:.04em;margin:0 0 24px;line-height:1.3}.md-section-sub{color:var(--muted, #7a7268);font-size:.95rem;margin:0 0 56px;letter-spacing:.02em}.md-intro-left{flex:1.2;padding-right:64px}.md-intro-right{flex:.8;display:flex;flex-direction:column;gap:24px}.md-two-col{display:flex;align-items:flex-start;gap:64px}.md-long-desc{font-size:1.05rem;line-height:1.95;color:var(--text, #2a2520);margin-top:32px}.md-info-card{background:#fff;border:1px solid rgba(0,0,0,.06);padding:28px 24px;border-radius:2px}.md-info-label{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted, #7a7268);margin-bottom:8px;font-family:Inter,system-ui,sans-serif}.md-info-value{font-size:1.1rem;letter-spacing:.04em;color:var(--copper, #b87333)}.md-info-list{list-style:none;padding:0;margin:0}.md-info-list li{padding:8px 0;border-bottom:1px dashed rgba(0,0,0,.08);font-size:.92rem}.md-info-list li:last-child{border-bottom:none}.md-texture-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:48px;margin-top:24px}.md-texture-card{background:#fff;border:1px solid rgba(0,0,0,.04);overflow:hidden;transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s}.md-texture-card:hover{transform:translateY(-4px);box-shadow:0 24px 48px #00000014}.md-texture-imgs{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;height:280px}.md-texture-img{background-size:cover;background-position:center;cursor:zoom-in;transition:filter .4s}.md-texture-img:hover{filter:brightness(1.08)}.md-texture-info{padding:28px 24px}.md-texture-info h3{font-size:1.2rem;font-weight:400;letter-spacing:.06em;margin:0 0 12px;color:var(--copper, #b87333)}.md-texture-info p{font-size:.92rem;color:var(--muted, #7a7268);line-height:1.85;margin:0}.md-palette{background:linear-gradient(180deg,var(--bg, #faf8f4) 0%,#fff 100%)}.md-palette-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:24px}.md-palette-card{background:#fff;border:1px solid rgba(0,0,0,.05);cursor:pointer;transition:all .3s;overflow:hidden}.md-palette-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px #00000014;border-color:var(--copper, #b87333)}.md-swatch{width:100%;height:160px;position:relative;box-shadow:inset 0 0 0 1px #0000000d}.md-palette-info{padding:16px}.md-palette-name{font-size:1rem;font-weight:500;margin-bottom:4px;letter-spacing:.05em}.md-palette-hex{font-size:.78rem;color:var(--muted, #7a7268);font-family:JetBrains Mono,Menlo,monospace;letter-spacing:.05em;margin-bottom:8px}.md-palette-cap{font-size:.75rem;color:var(--muted, #7a7268);line-height:1.5}.md-app-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-top:24px}.md-app-card{background:#fff;padding:36px 28px;border-left:2px solid var(--copper, #b87333);position:relative}.md-app-num{font-size:.7rem;letter-spacing:.2em;color:var(--copper, #b87333);font-family:JetBrains Mono,Menlo,monospace;margin-bottom:16px}.md-app-card h3{font-size:1.2rem;font-weight:400;margin:0 0 12px;letter-spacing:.05em}.md-app-card p{font-size:.92rem;color:var(--muted, #7a7268);line-height:1.85;margin:0}.md-craft-list{list-style:none;padding:0;margin:32px 0 0;counter-reset:craft}.md-craft-list li{display:flex;align-items:flex-start;gap:24px;padding:20px 0;border-bottom:1px solid rgba(0,0,0,.06)}.md-craft-list li:last-child{border-bottom:none}.md-craft-num{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--copper, #b87333);color:var(--copper, #b87333);font-family:JetBrains Mono,Menlo,monospace;font-size:.85rem;flex-shrink:0;border-radius:50%}.md-craft-text{flex:1;font-size:1rem;line-height:1.85;padding-top:4px}.md-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:32px;margin-top:24px}.md-related-card{text-decoration:none;color:inherit;background:#fff;border:1px solid rgba(0,0,0,.04);overflow:hidden;transition:all .4s cubic-bezier(.2,.7,.2,1);display:block}.md-related-card:hover{transform:translateY(-6px);box-shadow:0 24px 48px #00000014}.md-related-img{width:100%;height:240px;background-size:cover;background-position:center;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.md-related-card:hover .md-related-img{transform:scale(1.06)}.md-related-info{padding:24px}.md-related-tag{display:inline-block;font-size:.72rem;letter-spacing:.16em;color:var(--copper, #b87333);margin-bottom:12px;text-transform:uppercase;font-family:Inter,system-ui,sans-serif}.md-related-info h3{font-size:1.2rem;font-weight:400;margin:0 0 6px;letter-spacing:.05em}.md-related-en{font-size:.85rem;color:var(--muted, #7a7268);font-style:italic;font-family:Inter,system-ui,sans-serif}.md-contact{background:linear-gradient(180deg,#fff 0%,var(--bg, #faf8f4) 100%)}.md-contact-card{background:#2a2520;color:#faf8f4;padding:80px 64px;text-align:center;position:relative;overflow:hidden}.md-contact-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--copper, #b87333),transparent)}.md-contact-overline{font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--copper, #b87333);margin-bottom:24px;font-family:Inter,system-ui,sans-serif}.md-contact-h2{font-size:clamp(2rem,4vw,3rem);font-weight:200;margin:0 0 24px;letter-spacing:.06em}.md-contact-desc{font-size:1rem;line-height:1.95;opacity:.85;margin:0 0 48px}.md-contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;max-width:720px;margin:0 auto 48px}.md-contact-item{display:block;padding:24px 16px;border:1px solid rgba(255,255,255,.1);text-align:center;text-decoration:none;color:inherit;transition:all .3s}a.md-contact-item:hover{background:#b873331a;border-color:var(--copper, #b87333)}.md-contact-label{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--copper, #b87333);margin-bottom:8px;font-family:Inter,system-ui,sans-serif}.md-contact-value{font-size:1rem;font-family:JetBrains Mono,Menlo,monospace;letter-spacing:.04em}.md-back-link,.md-back-bottom{display:inline-block;color:var(--copper, #b87333);text-decoration:none;font-size:.9rem;letter-spacing:.1em;border-bottom:1px solid currentColor;padding-bottom:2px;transition:opacity .3s}.md-back-link{margin-top:32px}.md-back-bottom{color:var(--copper, #b87333)}.md-back-link:hover,.md-back-bottom:hover{opacity:.7}.md-placeholder-card{background:#fff;padding:64px 48px;text-align:center;border:1px dashed rgba(184,115,51,.3)}.md-placeholder-card h2{font-size:1.8rem;font-weight:300;margin:0 0 24px;letter-spacing:.06em}.md-placeholder-card p{color:var(--muted, #7a7268);line-height:1.85}@media (max-width: 768px){.md-hero{height:60vh;min-height:480px}.md-hero-content{padding-bottom:64px}.md-section{padding:60px 0}.md-container{padding:0 20px}.md-two-col{flex-direction:column;gap:32px}.md-intro-left{padding-right:0}.md-texture-grid{grid-template-columns:1fr;gap:24px}.md-palette-grid{grid-template-columns:repeat(2,1fr);gap:12px}.md-swatch{height:120px}.md-app-grid,.md-related-grid{grid-template-columns:1fr;gap:16px}.md-contact-card{padding:48px 24px}.md-contact-grid{grid-template-columns:1fr}}@media (max-width: 414px){.md-palette-grid{grid-template-columns:1fr 1fr}}:root{--cream: #FAF8F3;--mud: #EAE4D8;--nearblk: #1A1A1A;--brown: #5A4A3A;--copper: #8B7355;--sand: #CBC3B5;--divider: #E8E2D8;--bg: var(--cream);--surface: #FDFCFA;--text: var(--nearblk);--muted: var(--brown);--accent: var(--copper);--border: var(--divider);--sp-xs: 4px;--sp-1: 8px;--sp-2: 16px;--sp-3: 24px;--sp-4: 32px;--sp-5: 40px;--sp-6: 48px;--sp-8: 64px;--sp-10: 80px;--sp-12: 96px;--sp-16: 128px;--lh-body: 1.85;--lh-heading: 1.2;--max-w: 1200px;--content-w: 720px;--r-sm: 4px;--r-md: 8px;--r-lg: 16px;--r-xl: 24px}html{scroll-behavior:smooth;font-size:16px}body{font-family:"Noto Serif SC","Source Han Serif SC",Songti SC,Georgia,serif;background:var(--bg);color:var(--text);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");z-index:9999}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{cursor:pointer;border:none;background:none;font-family:inherit}ul,ol{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--mud)}::-webkit-scrollbar-thumb{background:var(--sand);border-radius:3px}.container{max-width:var(--max-w);margin:0 auto;padding:0 var(--sp-4)}.serif{font-family:Cormorant Garamond,"Noto Serif SC",Georgia,serif}.sans{font-family:Noto Sans SC,-apple-system,sans-serif}.mono{font-family:JetBrains Mono,monospace}.header{position:fixed;top:0;left:0;right:0;z-index:100;background:#faf8f300;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);border-bottom:1px solid transparent;transition:background .4s ease,backdrop-filter .4s ease,border-color .4s ease}.header.scrolled{background:#faf8f3eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom-color:var(--border)}.header-inner{max-width:var(--max-w);margin:0 auto;padding:0 var(--sp-4);height:64px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:var(--sp-1);font-size:1.05rem;font-weight:500;letter-spacing:.04em;color:var(--text)}.logo-icon{font-size:1.3rem}.nav{display:flex;align-items:center;gap:var(--sp-5)}.nav-link{font-family:Cormorant Garamond,"Noto Serif SC",Georgia,serif;font-size:.9rem;font-weight:400;color:var(--muted);letter-spacing:.06em;transition:color .2s;position:relative}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;right:100%;height:1px;background:var(--accent);transition:right .25s ease}.nav-link:hover{color:var(--text)}.nav-link:hover:after{right:0}.nav-link.active{color:var(--text);font-weight:500}.nav-link.active:after{right:0}.hamburger,.mobile-drawer,.mobile-overlay{display:none}.footer{background:var(--nearblk);color:#faf8f3b3;padding:var(--sp-12) 0 var(--sp-4);margin-top:var(--sp-16)}.footer-inner{max-width:var(--max-w);margin:0 auto;padding:0 var(--sp-4);display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-8);padding-bottom:var(--sp-8);border-bottom:1px solid rgba(255,255,255,.08)}.footer-brand .logo{color:var(--cream);margin-bottom:var(--sp-3)}.footer-desc{font-size:.88rem;line-height:1.9;max-width:320px;color:#faf8f380}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}.footer-col h4{font-family:Cormorant Garamond,"Noto Serif SC",Georgia,serif;font-size:.78rem;font-weight:500;letter-spacing:.08em;color:var(--copper);text-transform:uppercase;margin-bottom:var(--sp-2)}.footer-col a{display:block;font-size:.88rem;color:#faf8f38c;margin-bottom:var(--sp-1);transition:color .2s}.footer-col a:hover{color:var(--cream)}.footer-bottom{max-width:var(--max-w);margin:0 auto;padding:var(--sp-4) var(--sp-4) 0;display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:#faf8f34d}.footer-bottom a{color:#faf8f359;transition:color .2s}.footer-bottom a:hover{color:#faf8f399}.compliance-statement{font-size:.78rem;color:#faf8f347;line-height:1.7;max-width:480px;text-align:right}.hero{background:radial-gradient(ellipse at 20% 50%,rgba(180,170,155,.4) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(200,190,175,.3) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(160,150,135,.25) 0%,transparent 50%),linear-gradient(175deg,#e8e3db,#d5cfc5,#c8c1b5 60%,#dbd5cb);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;padding-top:64px}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;pointer-events:none;z-index:0}.hero>*{position:relative;z-index:1}.hero-label{font-family:JetBrains Mono,monospace;font-size:.72rem;letter-spacing:.3em;color:#8c8680;text-transform:uppercase;margin-bottom:1.5rem}.hero h1{font-family:"Noto Serif SC","Source Han Serif SC",Cormorant Garamond,Georgia,serif;font-size:clamp(3rem,8vw,6rem);font-weight:700;letter-spacing:.08em;color:#2c2824;margin-bottom:.5rem;text-shadow:0 2px 16px rgba(140,130,120,.15)}.hero .subtitle{font-family:"Noto Serif SC",Cormorant Garamond,Georgia,serif;font-size:clamp(1rem,2.5vw,1.5rem);font-weight:300;letter-spacing:.15em;color:#5c5650;margin-bottom:2rem}.hero .tagline{font-size:.95rem;color:#8c8680;letter-spacing:.05em;max-width:480px;line-height:1.8}.hero-nav{display:flex;gap:16px;margin-top:2.5rem}.hero-nav a{display:inline-block;padding:10px 28px;border:1px solid rgba(90,80,70,.35);border-radius:2px;color:#4a4440;text-decoration:none;font-size:.95rem;letter-spacing:.06em;transition:all .3s ease;background:transparent}.hero-nav a:hover{background:#5a504614;border-color:#5a504699;color:#2c2824}.hero-scroll-hint{position:absolute;bottom:32px;left:50%;transform:translate(-50%);animation:heroScrollPulse 2s ease-in-out infinite;color:#8c8680;font-size:1.5rem;z-index:1}@keyframes heroScrollPulse{0%,to{opacity:.3;transform:translate(-50%) translateY(0)}50%{opacity:.8;transform:translate(-50%) translateY(8px)}}.notes-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--divider);border:1px solid var(--divider);margin:0 auto;max-width:960px}.note-preview-card{background:var(--surface);padding:var(--sp-4) var(--sp-4);text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:background .2s;cursor:pointer}.note-preview-card:hover{background:var(--mud)}.note-preview-title{font-family:Cormorant Garamond,"Noto Serif SC",Georgia,serif;font-size:.88rem;font-weight:500;color:var(--text);margin-bottom:var(--sp-2);line-height:1.4}.note-preview-desc{font-size:.8rem;color:var(--muted);line-height:1.7;flex:1;margin-bottom:var(--sp-2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hero-bottom-nav{display:flex;align-items:center;justify-content:center;gap:var(--sp-6);font-family:Cormorant Garamond,"Noto Serif SC",Georgia,serif;font-size:.9rem;letter-spacing:.08em;color:#faf8f373}.hero-bottom-nav a{transition:color .2s}.hero-bottom-nav a:hover{color:var(--cream)}.hero-scroll-hint{position:absolute;bottom:32px;left:50%;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px;animation:hero-fade-in 1.5s ease 1s both}@keyframes hero-fade-in{0%{opacity:0;transform:translate(-50%) translateY(6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes hero-bounce{0%,to{transform:translate(-50%) translateY(0);opacity:.35}50%{transform:translate(-50%) translateY(7px);opacity:.65}}.hero-scroll-line{width:1px;height:36px;background:linear-gradient(to bottom,#c8b9a066,#c8b9a000);position:relative}.hero-scroll-line:after{content:"";position:absolute;top:0;left:0;width:1px;height:100%;background:#c8b9a099;animation:hero-scroll-line 2s ease-in-out infinite}@keyframes hero-scroll-line{0%{transform:scaleY(0);transform-origin:top;opacity:0}40%{transform:scaleY(1);transform-origin:top;opacity:1}70%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom;opacity:0}}.hero-scroll-text{font-family:Cormorant Garamond,"Noto Serif SC",Georgia,serif;font-size:.65rem;letter-spacing:.25em;color:#c8b9a080;white-space:nowrap;text-transform:uppercase}.section-eyebrow{font-family:JetBrains Mono,monospace;font-size:.72rem;letter-spacing:.25em;color:var(--copper);text-transform:uppercase;margin-bottom:var(--sp-2)}.section-heading{font-size:clamp(1.6rem,3.5vw,2.6rem);font-weight:400;line-height:var(--lh-heading);color:var(--text);margin-bottom:var(--sp-6);letter-spacing:.04em}.section-body{font-size:.95rem;line-height:var(--lh-body);color:var(--muted);margin-bottom:var(--sp-3)}.entry-header{text-align:center;margin-bottom:var(--sp-8)}.entry-footer{text-align:center;padding:var(--sp-6) 0 0}.view-all-link{font-size:.88rem;color:var(--copper);letter-spacing:.06em;transition:gap .2s}.view-all-link:hover{color:var(--text)}.section-philosophy{min-height:100vh;display:flex;align-items:center;padding:var(--sp-16) 0;background:var(--cream)}.philosophy-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-12);align-items:center;max-width:var(--max-w);margin:0 auto;padding:0 var(--sp-8)}.philosophy-text{padding:var(--sp-8) 0}.philosophy-img{aspect-ratio:4/3;border-radius:var(--r-lg);overflow:hidden;background-size:cover;background-position:center;box-shadow:0 8px 32px #1a1a1a1a;min-height:300px}.section-entry{padding:var(--sp-16) 0;background:var(--nearblk);color:var(--cream)}.section-light{background:var(--cream);color:var(--text)}.section-dark{background:var(--nearblk);color:var(--cream)}.section-entry .section-heading{color:var(--cream)}.section-light .section-heading{color:var(--text)}.home-samples-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:0 auto;padding:0 24px}@media (max-width: 768px){.home-samples-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width: 480px){.home-samples-grid{grid-template-columns:1fr}}.home-sample-card{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:4 / 3;cursor:pointer;transition:transform .35s ease,box-shadow .35s ease;box-shadow:0 2px 12px #0000000f;text-decoration:none;color:inherit;display:block}.home-sample-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #0000001f}.home-sample-card-img{width:100%;height:100%;background-size:cover;background-position:center;transition:transform .5s ease}.home-sample-card:hover .home-sample-card-img{transform:scale(1.06)}.home-sample-card-overlay{position:absolute;bottom:0;left:0;right:0;padding:40px 20px 16px;background:linear-gradient(to top,rgba(0,0,0,.65) 0%,transparent 100%);color:#fff}.home-sample-card-name{font-size:1.1rem;font-weight:600;letter-spacing:.04em}.home-sample-card-desc{font-size:.8rem;opacity:.8;margin-top:4px}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4);max-width:var(--max-w);margin:0 auto;padding:0 var(--sp-8) var(--sp-4)}.project-card{background:#faf8f30f;border-radius:var(--r-md);overflow:hidden;border:1px solid rgba(250,248,243,.1);transition:transform .25s,box-shadow .25s}.project-card:hover{transform:translateY(-3px);box-shadow:0 12px 40px #1a1a1a2e}.project-card-img{aspect-ratio:4/3;background-size:cover;background-position:center;cursor:pointer}.project-card-name{font-size:.95rem;font-weight:500;color:var(--cream);margin-bottom:var(--sp-2)}.project-card-tags{display:flex;gap:6px;flex-wrap:wrap}.project-card--placeholder .project-card-body .project-card-name{color:#faf8f359}.project-card-placeholder{aspect-ratio:4/3;background:var(--mud);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2)}.project-card-placeholder-icon{font-size:2.5rem;opacity:.4}.project-card-placeholder-text{font-size:.85rem;color:var(--copper);letter-spacing:.08em;font-family:Cormorant Garamond,serif}.notes-list{max-width:800px;margin:0 auto;padding:0 var(--sp-8);display:flex;flex-direction:column;gap:var(--sp-4)}.note-item{background:var(--surface);border-radius:var(--r-md);overflow:hidden;border:1px solid var(--border);transition:transform .2s,box-shadow .2s;cursor:default}.note-item:hover{transform:translateY(-2px);box-shadow:0 4px 20px #1a1a1a1a}.note-item-body{padding:var(--sp-4)}.note-item-title{font-size:1rem;font-weight:500;color:var(--text);margin-bottom:var(--sp-2);line-height:1.4;letter-spacing:.02em}.note-item-desc{font-size:.88rem;color:var(--muted);line-height:1.8;margin-bottom:var(--sp-3)}.note-tags{display:flex;gap:6px;flex-wrap:wrap}.tag-chip{font-size:.72rem;padding:2px 10px;border-radius:100px;background:var(--mud);color:var(--brown);font-family:JetBrains Mono,monospace}.section-contact{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--sp-16) 0;background:var(--nearblk);color:var(--cream)}.contact-inner{max-width:600px;margin:0 auto;padding:0 var(--sp-8);text-align:center}.contact-inner .section-heading{color:var(--cream)}.contact-items{display:flex;flex-direction:column;gap:var(--sp-3);margin:var(--sp-6) 0}.contact-item{display:flex;align-items:center;gap:var(--sp-3);font-size:.95rem;color:#faf8f399}.contact-icon{display:inline-flex;align-items:center;color:#faf8f380;flex-shrink:0}.contact-item a{color:#faf8f399;transition:color .2s}.contact-item a:hover{color:var(--cream)}.contact-note{font-size:.82rem;color:#faf8f34d;line-height:1.8;margin-top:var(--sp-4)}.compliance-statement{font-size:.75rem;color:#faf8f333;margin-top:var(--sp-8);line-height:1.7}.tag-pill{font-size:.72rem;padding:2px 10px;border-radius:100px;background:#faf8f31f;color:#faf8f399;font-family:JetBrains Mono,monospace}.btn-outline{display:inline-flex;align-items:center;gap:6px;padding:10px 24px;border-radius:var(--r-md);font-size:.9rem;font-family:Cormorant Garamond,"Noto Serif SC",Georgia,serif;letter-spacing:.06em;border:1px solid rgba(250,248,243,.2);background:transparent;color:var(--cream);transition:all .2s;cursor:pointer}.btn-outline:hover{background:#faf8f31a}.btn-primary{display:inline-flex;align-items:center;gap:6px;padding:12px 32px;border-radius:var(--r-md);font-size:.9rem;font-family:Cormorant Garamond,"Noto Serif SC",Georgia,serif;letter-spacing:.08em;background:var(--cream);color:var(--nearblk);border:none;transition:all .2s;cursor:pointer}.btn-primary:hover{background:var(--sand)}.notes-list .note-item{cursor:default}.view-all,.card,.card-img,.card-body,.card-title,.card-meta,.contact-info-row,.contact-info-item{display:none}.notes-page{padding-top:64px}.notes-hero{background:var(--nearblk);color:var(--cream);padding:var(--sp-12) var(--sp-4) var(--sp-10);text-align:center}.notes-hero h1{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:400;letter-spacing:.04em;margin-bottom:var(--sp-3)}.notes-hero p{font-size:.95rem;color:#faf8f380;max-width:520px;margin:0 auto}.note-detail-page{padding-top:64px;min-height:100vh;background:var(--cream)}.note-detail-header{max-width:var(--content-w);margin:0 auto;padding:var(--sp-10) var(--sp-4) var(--sp-6);border-bottom:1px solid var(--border)}.note-back-link{font-size:.82rem;color:var(--copper);letter-spacing:.06em;font-family:JetBrains Mono,monospace;display:inline-block;margin-bottom:var(--sp-4)}.note-back-link:hover{color:var(--text)}.note-detail-meta{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3)}.note-detail-meta .note-date{font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--copper);padding-top:0;text-align:left}.note-detail-title{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:400;line-height:var(--lh-heading);color:var(--text);margin-bottom:var(--sp-3);letter-spacing:.04em}.note-detail-summary{font-size:1rem;color:var(--muted);line-height:1.8;max-width:640px}.note-detail-body{max-width:var(--content-w);margin:0 auto;padding:var(--sp-8) var(--sp-4) var(--sp-12)}.note-section{margin-bottom:var(--sp-10)}.note-section-heading{font-size:1.1rem;font-weight:500;color:var(--text);margin-bottom:var(--sp-4);padding-bottom:var(--sp-2);border-bottom:1px solid var(--border);letter-spacing:.04em}.note-section-content p{font-size:.95rem;line-height:var(--lh-body);color:var(--text);margin-bottom:var(--sp-3)}.note-detail-footer{max-width:var(--content-w);margin:0 auto;padding:0 var(--sp-4) var(--sp-12);border-top:1px solid var(--border);padding-top:var(--sp-6)}.note-related{max-width:var(--content-w);margin:0 auto;padding:var(--sp-8) var(--sp-4);border-top:1px solid var(--border)}.note-related-heading{font-size:1rem;font-weight:600;color:var(--text);letter-spacing:.06em;margin-bottom:var(--sp-2)}.note-related-desc{font-size:.85rem;color:var(--muted);margin-bottom:var(--sp-4)}.note-related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--sp-3)}.note-related-card{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);padding:var(--sp-3);background:var(--cream);border:1px solid var(--border);border-radius:10px;text-decoration:none;color:var(--text);font-size:.85rem;transition:border-color .2s,transform .2s}.note-related-card:hover{border-color:var(--copper);transform:translateY(-2px)}.note-related-thumb{width:100%;aspect-ratio:4/3;border-radius:6px;display:flex;align-items:center;justify-content:center}.note-related-card small{color:var(--muted);font-size:.75rem}.note-content h2 a{color:var(--text);text-decoration:none;transition:color .2s}.note-content h2 a:hover{color:var(--copper)}.notes-timeline{max-width:var(--content-w);margin:0 auto;padding:var(--sp-10) var(--sp-4)}.note-item{display:grid;grid-template-columns:100px 1fr;gap:var(--sp-6);padding-bottom:var(--sp-8);margin-bottom:var(--sp-8);border-bottom:1px solid var(--border);position:relative}.note-item:before{content:"";position:absolute;left:48px;top:8px;bottom:-8px;width:2px;background:var(--copper);opacity:.4}.note-item:after{content:"";position:absolute;left:44px;top:8px;width:10px;height:10px;border-radius:50%;background:var(--copper);opacity:.5;z-index:1}.note-item:last-child:before{display:none}.note-date{font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--copper);letter-spacing:.05em;padding-top:4px;text-align:right}.note-content h2{font-size:1.15rem;font-weight:400;color:var(--text);margin-bottom:var(--sp-2);line-height:var(--lh-heading);letter-spacing:.04em}.note-content p{font-size:.9rem;color:var(--muted);line-height:1.9;margin-bottom:var(--sp-2)}.note-tags{display:flex;gap:var(--sp-1);flex-wrap:wrap;margin-top:var(--sp-2)}.tag,.tag-chip{font-size:.72rem;padding:4px 12px;border-radius:100px;background:#a8735514;color:var(--copper);letter-spacing:.06em;font-family:JetBrains Mono,monospace;border:1px solid rgba(168,115,85,.15);transition:background .2s,color .2s}.tag:hover,.tag-chip:hover{background:#a8735526;color:var(--brown)}.notes-tab-bar{display:flex;justify-content:center;gap:0;border-bottom:1px solid var(--divider);max-width:var(--content-w);margin:0 auto;padding:0 var(--sp-4);position:relative}.notes-tab-indicator{position:absolute;bottom:-1px;height:2px;background:var(--copper);border-radius:2px 2px 0 0;transition:left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.notes-tab{background:none;border:none;border-bottom:2px solid transparent;padding:var(--sp-3) var(--sp-6);font-family:Cormorant Garamond,"Noto Serif SC",Georgia,serif;font-size:.9rem;color:var(--muted);cursor:pointer;transition:color .2s,border-color .2s;margin-bottom:-1px}.notes-tab:hover{color:var(--text)}.notes-tab-active{color:var(--text);border-bottom-color:var(--copper);font-weight:500}.projects-page{padding-top:64px}.projects-hero{background:linear-gradient(160deg,var(--nearblk) 0%,#2c2416 100%);color:var(--cream);padding:var(--sp-12) var(--sp-4) var(--sp-10);text-align:center}.projects-hero h1{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:400;letter-spacing:.04em;margin-bottom:var(--sp-3)}.filter-bar{display:flex;gap:var(--sp-2);flex-wrap:wrap;max-width:var(--max-w);margin:0 auto;padding:var(--sp-6) var(--sp-4) 0}.filter-chip{font-size:.82rem;padding:6px 16px;border-radius:100px;border:1px solid var(--border);background:var(--surface);color:var(--muted);transition:all .2s;font-family:JetBrains Mono,monospace}.filter-chip.active,.filter-chip:hover{background:var(--nearblk);color:var(--cream);border-color:var(--nearblk)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--sp-4);max-width:var(--max-w);margin:0 auto;padding:var(--sp-6) var(--sp-4) var(--sp-12)}.project-card{background:var(--surface);border-radius:var(--r-md);overflow:hidden;border:1px solid var(--border);transition:transform .25s,box-shadow .25s}.project-card-img{aspect-ratio:16/9;background:var(--mud);background-size:cover;background-position:center;cursor:pointer}.project-card-body{padding:var(--sp-3)}.project-card-title{font-size:.95rem;font-weight:500;margin-bottom:var(--sp-1)}.project-card-meta{font-size:.8rem;color:var(--muted)}.project-card-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:var(--sp-2)}.samples-page{padding-top:64px}.samples-hero{background:var(--nearblk);color:var(--cream);padding:var(--sp-12) var(--sp-4) var(--sp-10);text-align:center}.samples-hero h1{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:400;letter-spacing:.04em;margin-bottom:var(--sp-3)}.samples-hero p{font-size:.9rem;color:#faf8f380}.samples-category-tabs{background:var(--surface);padding:var(--sp-3) var(--sp-4);display:flex;flex-wrap:wrap;gap:10px;justify-content:center;border-bottom:1px solid var(--border)}.category-tab{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border:1.5px solid var(--border);border-radius:40px;background:var(--surface);color:var(--muted);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.category-tab:hover{border-color:var(--copper);color:var(--copper);background:#a87c4e0f}.category-tab.active{background:var(--nearblk);border-color:var(--nearblk);color:var(--cream)}.tab-label{font-size:inherit;font-weight:inherit;letter-spacing:.02em}.tab-count{font-size:.75rem;font-weight:400;opacity:.65;font-family:JetBrains Mono,monospace}.category-tab.active .tab-count{opacity:.7}.samples-filter-toggle{background:var(--surface);border-bottom:1px solid var(--border);padding:var(--sp-2) var(--sp-4);display:flex;justify-content:flex-end}.filter-toggle-btn{background:none;border:1px solid var(--border);color:var(--muted);font-size:.8rem;padding:6px 14px;border-radius:20px;cursor:pointer;transition:color .2s,border-color .2s}.filter-toggle-btn:hover{color:var(--copper);border-color:var(--copper)}.filter-bar-hidden{display:none!important}.filter-bar-visible{display:block!important}.samples-filter-bar{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:64px;z-index:50;padding:var(--sp-3) var(--sp-4)}.filter-group{margin-bottom:var(--sp-2)}.filter-group:last-child{margin-bottom:0}.filter-group-label{font-size:.72rem;color:var(--copper);letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--sp-1);font-family:JetBrains Mono,monospace}.filter-chips{display:flex;gap:var(--sp-1);flex-wrap:wrap}.samples-waterfall{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-3);max-width:var(--max-w);margin:0 auto;padding:var(--sp-6) var(--sp-4) var(--sp-12)}.sample-card{border-radius:var(--r-md);overflow:hidden;border:1px solid var(--border);background:var(--surface);transition:transform .2s,box-shadow .2s;cursor:pointer;position:relative}.sample-card-img{width:100%;height:200px;background:var(--mud);background-size:cover;background-position:center;background-repeat:no-repeat;display:block}.sample-card-info{position:absolute;bottom:0;left:0;right:0;padding:6px 8px 8px;background:linear-gradient(to top,rgba(20,16,10,.75) 0%,rgba(20,16,10,.3) 70%,transparent 100%)}.sample-card-material{font-size:.9rem;font-weight:500;color:var(--cream)}.sample-card-params{font-size:.78rem;color:#faf8f3bf;font-family:JetBrains Mono,monospace;margin-top:1px}.contact-page{padding-top:64px}.contact-page-hero{background:var(--nearblk);color:var(--cream);padding:var(--sp-12) var(--sp-4) var(--sp-10);text-align:center}.contact-page-hero h1{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:400;letter-spacing:.04em;margin-bottom:var(--sp-3)}.contact-page-hero p{font-size:.9rem;color:#faf8f380}.contact-form-section{max-width:560px;margin:0 auto;padding:var(--sp-10) var(--sp-4) var(--sp-12)}.form-group{margin-bottom:var(--sp-4)}.form-label{display:block;font-size:.82rem;color:var(--muted);margin-bottom:var(--sp-1);letter-spacing:.06em;font-family:JetBrains Mono,monospace}.form-input,.form-textarea{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--text);font-size:.95rem;font-family:inherit;line-height:1.6;transition:border-color .2s;outline:none}.form-input:focus,.form-textarea:focus{border-color:var(--copper)}.form-textarea{resize:vertical;min-height:140px}.form-submit{width:100%;padding:14px;background:var(--nearblk);color:var(--cream);border:none;border-radius:var(--r-md);font-size:.95rem;font-family:Cormorant Garamond,"Noto Serif SC",Georgia,serif;letter-spacing:.1em;cursor:pointer;transition:background .2s}.form-submit:hover{background:var(--brown)}.form-note{font-size:.78rem;color:var(--muted);margin-top:var(--sp-2);text-align:center}.contact-aside{max-width:560px;margin:0 auto;padding:0 var(--sp-4) var(--sp-12);display:flex;flex-direction:column;gap:var(--sp-3)}.contact-aside-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);background:var(--surface);border-radius:var(--r-md);border:1px solid var(--border)}.contact-aside-icon{font-size:1.4rem}.contact-aside-text{font-size:.88rem;color:var(--muted)}.contact-aside-text strong{display:block;color:var(--text);font-weight:500;margin-bottom:2px}.about-page{padding-top:64px}.about-hero{background:var(--mud);padding:var(--sp-12) var(--sp-4) var(--sp-10);text-align:center}.about-hero h1{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:400;letter-spacing:.04em;color:var(--text);margin-bottom:var(--sp-3)}.about-hero p{font-size:.95rem;color:var(--muted);max-width:560px;margin:0 auto}.about-content{max-width:var(--content-w);margin:0 auto;padding:var(--sp-10) var(--sp-4)}.about-content p{font-size:.95rem;color:var(--muted);line-height:2;margin-bottom:var(--sp-4)}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 24px;border-radius:var(--r-md);font-size:.9rem;font-weight:400;font-family:Cormorant Garamond,"Noto Serif SC",Georgia,serif;letter-spacing:.06em;transition:all .2s;border:1px solid transparent;cursor:pointer}.btn-primary{background:var(--nearblk);color:var(--cream);border-color:var(--nearblk)}.btn-primary:hover{background:var(--brown);border-color:var(--brown)}.btn-outline{background:transparent;color:var(--text);border-color:var(--border)}.btn-outline:hover{background:var(--mud)}.btn-ghost{background:transparent;color:var(--copper);border-color:var(--copper)}.btn-ghost:hover{background:var(--copper);color:var(--cream)}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#0a0a08f2;display:flex;align-items:center;justify-content:center}.lightbox-img{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:var(--r-md)}.lightbox-caption{text-align:center;color:#faf8f399;font-size:.85rem;margin-top:var(--sp-2)}.scroll-reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}.scroll-reveal-stagger>*{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}.scroll-reveal-stagger.revealed>*:nth-child(1){opacity:1;transform:translateY(0);transition-delay:0ms}.scroll-reveal-stagger.revealed>*:nth-child(2){opacity:1;transform:translateY(0);transition-delay:80ms}.scroll-reveal-stagger.revealed>*:nth-child(3){opacity:1;transform:translateY(0);transition-delay:.16s}.scroll-reveal-stagger.revealed>*:nth-child(4){opacity:1;transform:translateY(0);transition-delay:.24s}.scroll-reveal-stagger.revealed>*:nth-child(5){opacity:1;transform:translateY(0);transition-delay:.32s}.scroll-reveal-stagger.revealed>*:nth-child(6){opacity:1;transform:translateY(0);transition-delay:.4s}.scroll-reveal-stagger.revealed>*:nth-child(7){opacity:1;transform:translateY(0);transition-delay:.48s}@media (max-width: 768px){body{padding-left:16px;padding-right:16px}.nav{display:none}.hamburger{display:flex;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;gap:5px;background:none;border:none;cursor:pointer;padding:10px;z-index:201;flex-shrink:0}.hamburger span{display:block;width:22px;height:1.5px;background:var(--text);border-radius:2px;transition:transform .3s,opacity .3s;transform-origin:center}.hamburger-open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.hamburger-open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.mobile-drawer{display:block;position:fixed;top:0;right:0;width:260px;height:100vh;background:var(--cream);border-left:1px solid var(--border);transform:translate(100%);transition:transform .3s ease;z-index:200;padding-top:80px}.mobile-drawer-open{transform:translate(0)}.mobile-nav{display:flex;flex-direction:column;padding:0 var(--sp-4)}.mobile-nav-link{display:block;padding:14px 0;font-family:Cormorant Garamond,"Noto Serif SC",Georgia,serif;font-size:1.05rem;color:var(--muted);border-bottom:1px solid var(--border);min-height:44px;line-height:44px}.mobile-nav-link.active{color:var(--text);font-weight:500}.mobile-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:199}.hero{min-height:auto;height:auto!important}.hero-bg:not(:first-child){display:none}.hero-overlay{padding:var(--sp-6) var(--sp-3)}.hero-category-tag{font-size:.65rem;letter-spacing:.25em;margin-bottom:var(--sp-3)}.hero-maintitle{font-size:clamp(2.5rem,10vw,72px)}.hero-tagline{font-size:clamp(.9rem,3vw,24px);margin-bottom:var(--sp-4)}.hero-carousel-text{font-size:.9rem;min-height:3em;margin-bottom:var(--sp-4)}.hero-bottom-nav{gap:var(--sp-4);font-size:.82rem}.section-philosophy,.section-entry{min-height:auto;padding:var(--sp-10) 0}.philosophy-grid{grid-template-columns:1fr;gap:var(--sp-6);padding:0 var(--sp-4)}.philosophy-img{min-height:240px}.philosophy-text{padding:0}.samples-entry-grid{grid-template-columns:repeat(2,1fr);gap:var(--sp-3);padding:0 var(--sp-4)}.projects-grid{grid-template-columns:repeat(2,1fr);padding:0 var(--sp-4) var(--sp-4);gap:var(--sp-3)}.notes-preview-grid,.samples-waterfall{grid-template-columns:repeat(2,1fr)}.samples-filter-bar{padding:var(--sp-4) var(--sp-3)}.filter-group{overflow-x:auto}.filter-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:4px}.samples-filter-bar{overflow-x:auto}.filter-chips::-webkit-scrollbar{display:none}.filter-chip{flex-shrink:0;min-height:36px;padding:8px 14px;font-size:.8rem}.btn-outline{min-height:44px;padding:12px 24px;font-size:.88rem;display:inline-flex;align-items:center}.view-all-link{min-height:44px;padding:12px 0}.nav-link,a,button{min-height:44px}.section-eyebrow{font-size:.65rem;letter-spacing:.2em}.section-heading{font-size:clamp(1.4rem,5vw,2.6rem)}.section-body{font-size:.88rem}h1{font-size:1.75rem}h2{font-size:1.4rem}h3{font-size:1.1rem}p,li{font-size:.9rem}small,.small{font-size:.78rem}.footer-inner{grid-template-columns:1fr 1fr;gap:var(--sp-6)}.footer-bottom{flex-direction:column;gap:var(--sp-2);text-align:center}.compliance-statement{text-align:center}.note-item{grid-template-columns:60px 1fr;gap:var(--sp-3)}.samples-hero h1{font-size:1.75rem}.samples-hero p{font-size:.85rem}.note-detail-page{min-height:auto;padding-top:64px}.section-contact{min-height:auto;padding:var(--sp-10) 0}.entry-header{margin-bottom:var(--sp-5)}.entry-footer{padding:var(--sp-3) 0}.contact-info-row{flex-direction:column;gap:var(--sp-3)}}@media (max-width: 480px){.samples-entry-grid{grid-template-columns:1fr;gap:var(--sp-3);padding:0 var(--sp-3)}}@media (max-width: 414px){.hero-maintitle{font-size:clamp(2.2rem,12vw,72px)}.hero-carousel-text{font-size:.85rem}.hero-bottom-nav{gap:var(--sp-3);font-size:.78rem}.section-heading{font-size:clamp(1.3rem,6vw,2rem)}.samples-entry-grid{grid-template-columns:repeat(2,1fr);gap:var(--sp-2)}.projects-grid{grid-template-columns:repeat(2,1fr);gap:var(--sp-2);padding:0 var(--sp-3) var(--sp-4)}.notes-preview-grid{grid-template-columns:1fr}.samples-waterfall{grid-template-columns:repeat(2,1fr);gap:var(--sp-2)}.sample-card-img{height:160px}.footer-inner{grid-template-columns:1fr;gap:var(--sp-5)}.footer-links{grid-template-columns:1fr 1fr}.note-item{grid-template-columns:60px 1fr;gap:var(--sp-2)}.note-detail-body{padding:var(--sp-6) var(--sp-3) var(--sp-10)}.note-detail-title{font-size:clamp(1.4rem,5vw,2.4rem)}}@media (max-width: 375px){.hero-overlay{padding:var(--sp-5) var(--sp-2)}.hero-maintitle{font-size:clamp(2rem,14vw,72px)}.hero-category-tag{font-size:.6rem;letter-spacing:.2em}.hero-carousel-text{font-size:.82rem;min-height:3.5em}.hero-bottom-nav{gap:var(--sp-2);font-size:.75rem}.section-philosophy,.section-entry{padding:var(--sp-8) 0}.philosophy-img{min-height:200px}.philosophy-grid{gap:var(--sp-4);padding:0 var(--sp-3)}.samples-entry-grid{grid-template-columns:1fr;gap:var(--sp-2)}.projects-grid{grid-template-columns:1fr;gap:var(--sp-2);padding:0 var(--sp-3) var(--sp-4)}.notes-preview-grid,.samples-waterfall{grid-template-columns:1fr}.sample-card-img{height:180px}.section-heading{font-size:clamp(1.2rem,7vw,2rem)}.section-eyebrow{font-size:.6rem;letter-spacing:.18em}.section-body{font-size:.85rem}.footer-inner{gap:var(--sp-4)}.footer-links{grid-template-columns:1fr;gap:var(--sp-3)}.note-item{grid-template-columns:52px 1fr;gap:var(--sp-2)}.note-date{font-size:.7rem}.note-detail-body{padding:var(--sp-5) var(--sp-3) var(--sp-10)}.note-detail-title{font-size:clamp(1.3rem,5.5vw,2.4rem)}.btn-outline,.btn-primary{width:100%;justify-content:center}}.project-detail{padding-top:64px;min-height:100vh}.project-detail__nav{border-bottom:1px solid var(--border);padding:16px 0;font-size:.85rem}.project-detail__nav .container{display:flex;align-items:center;gap:8px}.project-detail__back{color:var(--copper);text-decoration:none;font-family:"Noto Serif SC",serif}.project-detail__back:hover{text-decoration:underline}.project-detail__sep{color:var(--sand)}.project-detail__name{color:var(--muted)}.project-detail__cover{width:100%;aspect-ratio:16/9;background-size:cover;background-position:center;cursor:zoom-in;max-height:520px}.project-detail__cover:hover{opacity:.9}.project-detail__info{padding:32px 0 24px;border-bottom:1px solid var(--border)}.project-detail__title{font-size:1.6rem;font-weight:400;letter-spacing:.06em;margin-bottom:12px}.project-detail__meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.project-detail__location{font-size:.85rem;color:var(--muted);font-family:"Noto Serif SC",serif}.project-detail__tags{display:flex;gap:6px;flex-wrap:wrap}.project-detail__gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:24px 0 60px}.project-detail__photo{aspect-ratio:4/3;background-size:cover;background-position:center;background-color:var(--mud);cursor:zoom-in;border-radius:2px;transition:transform .2s,box-shadow .2s}.project-detail__photo:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}.project-detail__empty{text-align:center;padding:60px 0;color:var(--muted);font-size:.9rem}@media (max-width: 768px){.project-detail__gallery{grid-template-columns:repeat(2,1fr)}.project-detail__title{font-size:1.3rem}}@media (max-width: 480px){.project-detail__gallery{grid-template-columns:repeat(2,1fr);gap:8px}}.project-admin-banner{display:flex;align-items:center;gap:14px;margin:18px 0 8px;padding:12px 16px;background:linear-gradient(90deg,#fff4e8,#fbe9d4);border:1px solid var(--copper);border-left:4px solid var(--copper);border-radius:2px;font-size:.88rem;color:#5c3a1c}.project-admin-banner__icon{font-size:1.3rem}.project-admin-banner__text{flex:1;line-height:1.5}.project-admin-banner__text strong{color:var(--copper);margin-right:4px}.project-admin-banner__count{display:inline-block;margin-left:8px;padding:2px 8px;background:var(--copper);color:#fff;border-radius:2px;font-size:.78rem;font-family:JetBrains Mono,monospace}.project-admin-banner__exit{background:transparent;border:1px solid var(--copper);color:var(--copper);padding:6px 14px;font-size:.82rem;cursor:pointer;transition:all .2s;font-family:inherit}.project-admin-banner__exit:hover{background:var(--copper);color:#fff}.project-detail__photo{position:relative}.project-detail__gallery--admin{border:1px dashed var(--copper);padding:18px;background:#fff4e84d}.project-detail__delete-btn{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;background:#d9534f;color:#fff;border:2px solid #fff;font-size:1.1rem;font-weight:700;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000040;transition:transform .15s,background .15s;z-index:5}.project-detail__delete-btn:hover:not(:disabled){background:#c9302c;transform:scale(1.15)}.project-detail__delete-btn:disabled{opacity:.6;cursor:wait}.project-detail__photo-num{position:absolute;bottom:8px;left:8px;background:#0009;color:#fff;padding:2px 8px;font-size:.75rem;font-family:JetBrains Mono,monospace;border-radius:2px;z-index:5;pointer-events:none}:root{--color-bg-base: #FAF8F3;--color-bg-elevated: #FFFFFF;--color-bg-muted: #F2EDE3;--color-bg-warm: #EBE5D7;--color-bg-deep: #1F1C18;--color-bg-deep-soft: #2C2824;--color-text-primary: #1A1815;--color-text-secondary: #4A433A;--color-text-tertiary: #7A7166;--color-text-disabled: #B8AFA0;--color-text-on-deep: #F0EBE0;--color-text-on-deep-muted: #A39B8E;--color-accent: #8B6F47;--color-accent-strong: #5C4626;--color-accent-soft: #D9C8AA;--color-border-base: #E5DED0;--color-border-strong: #C9C0AE;--color-border-subtle: #F0EBE0;--color-border-deep: #3A352F;--color-success: #5A7A3D;--color-error: #A0432A;--color-info: #4A6378;--color-overlay-light: rgba(31, 28, 24, .4);--color-overlay-medium: rgba(31, 28, 24, .65);--color-overlay-deep: rgba(31, 28, 24, .85);--font-serif-cn: "Source Han Serif SC", "Noto Serif SC", "思源宋体", "Songti SC", "STSong", "SimSun", serif;--font-sans-cn: "PingFang SC", "Microsoft YaHei", "Source Han Sans SC", "Noto Sans SC", sans-serif;--font-serif-en: "Cormorant Garamond", "EB Garamond", Georgia, serif;--font-sans-en: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Consolas, monospace;--fs-display-xl: 6rem;--fs-display: 4.5rem;--fs-h1: 3rem;--fs-h2: 2rem;--fs-h3: 1.375rem;--fs-h4: 1.125rem;--fs-body-lg: 1.125rem;--fs-body: 1rem;--fs-body-sm: .875rem;--fs-caption: .8125rem;--fs-overline: .6875rem;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--lh-tight: 1;--lh-snug: 1.15;--lh-heading: 1.25;--lh-body: 1.7;--lh-relaxed: 1.8;--lh-loose: 2;--ls-tighter: -.02em;--ls-tight: -.01em;--ls-normal: 0em;--ls-wide: .04em;--ls-wider: .08em;--ls-widest: .18em;--measure-narrow: 52ch;--measure-base: 65ch;--measure-wide: 80ch;--container-max: 1440px;--container-narrow: 1080px;--container-text: 720px;--container-padding-x: clamp(24px, 5vw, 64px);--space-0: 0;--space-px: 1px;--space-0_5: 4px;--space-1: 8px;--space-1_5: 12px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 40px;--space-6: 48px;--space-8: 64px;--space-10: 80px;--space-12: 96px;--space-16: 128px;--radius-none: 0;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-full: 9999px;--shadow-none: none;--shadow-xs: 0 1px 2px 0 rgba(31,28,24,.04);--shadow-sm: 0 2px 8px -2px rgba(31,28,24,.06);--shadow-md: 0 4px 16px -4px rgba(31,28,24,.08), 0 2px 4px -2px rgba(31,28,24,.04);--shadow-lg: 0 12px 32px -8px rgba(31,28,24,.12), 0 4px 12px -4px rgba(31,28,24,.06);--shadow-xl: 0 24px 64px -16px rgba(31,28,24,.18), 0 8px 24px -8px rgba(31,28,24,.1);--shadow-material: inset 0 -120px 200px -80px rgba(139,111,71,.08), inset 0 80px 160px -60px rgba(255,255,255,.18);--border-card: 1px solid var(--color-border-base);--border-card-hover: 1px solid var(--color-border-strong);--border-divider: 1px solid var(--color-border-subtle);--border-input: 1px solid var(--color-border-base);--z-base: 0;--z-raised: 10;--z-sticky: 100;--z-dropdown: 200;--z-overlay: 900;--z-modal: 1000;--dur-instant: 0ms;--dur-micro: .12s;--dur-short: .24s;--dur-medium: .36s;--dur-long: .6s;--dur-x-long: .9s;--dur-hero-cycle: 6s;--duration-instant: var(--dur-instant);--duration-fast: var(--dur-micro);--duration-normal: var(--dur-medium);--duration-slow: var(--dur-long);--duration-deliberate: var(--dur-x-long);--duration-carousel: var(--dur-hero-cycle);--ease-linear: cubic-bezier(0, 0, 1, 1);--ease-soft: cubic-bezier(.4, 0, .6, 1);--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-quart: cubic-bezier(.5, 0, .75, 0);--ease-out: var(--ease-out-quart);--ease-in: var(--ease-in-quart);--header-height: 80px;--header-height-mobile: 64px}@media (max-width: 767px){:root{--fs-display-xl: 3.5rem;--fs-display: 2.625rem;--fs-h1: 2rem;--fs-h2: 1.5rem;--fs-h3: 1.1875rem;--fs-h4: 1rem;--fs-body-lg: 1.0625rem;--fs-body: .9375rem;--fs-body-sm: .8125rem;--fs-caption: .75rem;--fs-overline: .625rem}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-serif-cn);font-size:var(--fs-body);font-weight:var(--fw-regular);line-height:var(--lh-body);color:var(--color-text-primary);background-color:var(--color-bg-base);min-height:100vh;font-feature-settings:"kern","liga","calt"}p,li{max-width:var(--measure-base)}a{color:var(--color-accent);text-decoration:none;transition:color var(--dur-micro) var(--ease-soft)}a:hover{color:var(--color-accent-strong);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}img{max-width:100%;height:auto;display:block}button{font-family:inherit;font-size:inherit;cursor:pointer;background:none;border:none;padding:0;color:inherit}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}::selection{background-color:var(--color-accent-soft);color:var(--color-text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-base)}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding-inline:var(--container-padding-x)}.container--narrow{max-width:var(--container-narrow)}.container--text{max-width:var(--container-text)}.section{padding-block:var(--space-12)}@media (max-width: 767px){.section{padding-block:var(--space-8)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}h1,.h1{font-family:var(--font-serif-cn);font-size:clamp(2rem,4vw + 1rem,var(--fs-h1));font-weight:var(--fw-light);line-height:var(--lh-snug);letter-spacing:var(--ls-tight);color:var(--color-text-primary)}h2,.h2{font-family:var(--font-serif-cn);font-size:clamp(1.5rem,2.5vw + .5rem,var(--fs-h2));font-weight:var(--fw-light);line-height:var(--lh-heading)}h3,.h3{font-family:var(--font-serif-cn);font-size:var(--fs-h3);font-weight:var(--fw-regular);line-height:1.4}h4,.h4{font-family:var(--font-sans-cn);font-size:var(--fs-h4);font-weight:var(--fw-medium);line-height:1.5;letter-spacing:var(--ls-wide)}.display-xl{font-family:var(--font-serif-cn);font-size:clamp(3.5rem,8vw + 1rem,var(--fs-display-xl));font-weight:var(--fw-light);line-height:var(--lh-tight);letter-spacing:var(--ls-tighter)}.display{font-family:var(--font-serif-cn);font-size:clamp(2.625rem,6vw + .5rem,var(--fs-display));font-weight:var(--fw-light);line-height:1.05;letter-spacing:var(--ls-tight)}.text-overline{font-family:var(--font-sans-en);font-size:var(--fs-overline);font-weight:var(--fw-medium);letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--color-text-tertiary)}.text-caption{font-size:var(--fs-caption);line-height:1.5;letter-spacing:var(--ls-wide);color:var(--color-text-tertiary)}.text-lead{font-size:var(--fs-body-lg);line-height:var(--lh-relaxed);color:var(--color-text-secondary);max-width:var(--measure-base)}.text-en,.en{font-family:var(--font-sans-en)}.text-serif-en,em.serif-en{font-family:var(--font-serif-en);font-style:italic}.italic{font-style:italic}.divider-accent{width:48px;height:1px;background-color:var(--color-accent);border:none;margin-block:var(--space-4)}.divider-accent--center{margin-inline:auto}.stack{display:flex;flex-direction:column}.stack>*+*{margin-top:var(--stack-gap, var(--space-3))}.stack-2{--stack-gap: var(--space-2)}.stack-4{--stack-gap: var(--space-4)}.stack-6{--stack-gap: var(--space-6)}.cluster{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.scroll-reveal{opacity:0;transform:translateY(24px);transition:opacity var(--dur-long) var(--ease-out-quart),transform var(--dur-long) var(--ease-out-quart);will-change:opacity,transform}.scroll-reveal.is-visible{opacity:1;transform:translateY(0)}.scroll-reveal--stagger>*{opacity:0;transform:translateY(16px);transition:opacity var(--dur-long) var(--ease-out-quart),transform var(--dur-long) var(--ease-out-quart)}.scroll-reveal--stagger.is-visible>*:nth-child(1){transition-delay:0ms}.scroll-reveal--stagger.is-visible>*:nth-child(2){transition-delay:80ms}.scroll-reveal--stagger.is-visible>*:nth-child(3){transition-delay:.16s}.scroll-reveal--stagger.is-visible>*:nth-child(4){transition-delay:.24s}.scroll-reveal--stagger.is-visible>*:nth-child(5){transition-delay:.32s}.scroll-reveal--stagger.is-visible>*:nth-child(6){transition-delay:.4s}.scroll-reveal--stagger.is-visible>*{opacity:1;transform:translateY(0)}@media (hover: none) and (pointer: coarse),(max-width: 1023px){.chip,.hero__cta{min-height:44px;padding-block:10px}.site-footer__link{min-height:44px;padding-block:12px}.site-logo{min-height:44px;padding-block:8px}.header__nav a{min-height:44px;display:flex;align-items:center}}.site-header{position:sticky;top:0;z-index:var(--z-sticky);height:var(--header-height);display:flex;align-items:center;background-color:#faf8f300;transition:background-color var(--dur-medium) var(--ease-soft),border-color var(--dur-medium) var(--ease-soft)}.site-header--scrolled{background-color:#faf8f3eb;border-bottom:1px solid var(--color-border-subtle);backdrop-filter:blur(8px) saturate(1.2);-webkit-backdrop-filter:blur(8px) saturate(1.2)}.site-header__inner{width:100%;max-width:var(--container-max);margin:0 auto;padding-inline:var(--container-padding-x);display:flex;align-items:center;justify-content:space-between}.site-logo{display:flex;align-items:baseline;gap:var(--space-2);color:var(--color-text-primary);text-decoration:none}.site-logo:hover{text-decoration:none;color:var(--color-text-primary)}.site-logo__mark{font-family:var(--font-serif-en);font-size:1.75rem;font-weight:var(--fw-light);line-height:1;letter-spacing:var(--ls-tight)}.site-logo__caption{font-size:var(--fs-caption);color:var(--color-text-tertiary);letter-spacing:var(--ls-wide)}.site-nav{display:flex;align-items:center;gap:var(--space-4)}.site-nav__link{font-family:var(--font-sans-cn);font-size:var(--fs-body-sm);font-weight:var(--fw-medium);letter-spacing:var(--ls-wide);color:var(--color-text-secondary);padding:var(--space-1) 0;position:relative;transition:color var(--dur-micro) var(--ease-soft);text-decoration:none}.site-nav__link:hover,.site-nav__link[aria-current=page]{color:var(--color-text-primary);text-decoration:none}.site-nav__link:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1px;background-color:var(--color-accent);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-medium) var(--ease-soft)}.site-nav__link:hover:after,.site-nav__link[aria-current=page]:after{transform:scaleX(1)}.site-nav__toggle{display:none;width:44px;height:44px;align-items:center;justify-content:center}.site-nav__toggle svg{width:22px;height:22px}@media (max-width: 1023px){.site-header{height:var(--header-height-mobile)}.site-nav{display:none}.site-nav__toggle{display:flex}.site-nav--open{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--color-bg-base);flex-direction:column;align-items:flex-start;justify-content:center;padding:var(--space-12);gap:var(--space-4);z-index:var(--z-dropdown)}.site-nav--open .site-nav__link{font-size:var(--fs-h3);font-family:var(--font-serif-cn)}}.site-footer{background-color:var(--color-bg-muted);padding-block:var(--space-8) var(--space-4);border-top:var(--border-divider)}.site-footer__inner{max-width:var(--container-max);margin:0 auto;padding-inline:var(--container-padding-x)}.site-footer__cols{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border-base)}@media (max-width: 767px){.site-footer__cols{grid-template-columns:1fr;gap:var(--space-4)}}.site-footer__col-title{font-family:var(--font-sans-cn);font-size:var(--fs-h4);font-weight:var(--fw-medium);letter-spacing:var(--ls-wide);color:var(--color-text-primary);margin-bottom:var(--space-2)}.site-footer__brand{font-family:var(--font-serif-cn);font-size:var(--fs-h3);font-weight:var(--fw-light);color:var(--color-text-primary);margin-bottom:var(--space-1)}.site-footer__desc{font-size:var(--fs-body-sm);color:var(--color-text-secondary);line-height:var(--lh-body);white-space:pre-line;max-width:none}.site-footer__nav{display:flex;flex-direction:column;gap:var(--space-1)}.site-footer__link{font-size:var(--fs-body-sm);color:var(--color-text-secondary);text-decoration:none;transition:color var(--dur-micro) var(--ease-soft)}.site-footer__link:hover{color:var(--color-accent);text-decoration:none}.site-footer__contact{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--fs-body-sm);color:var(--color-text-secondary)}.site-footer__legal{display:flex;flex-direction:column;gap:var(--space-1);padding-top:var(--space-4);font-size:var(--fs-caption);color:var(--color-text-tertiary)}.site-footer__legal-row{display:flex;flex-wrap:wrap;gap:0}.site-footer__legal-row>*+*:before{content:" · ";margin:0 var(--space-0_5);opacity:.6}.hero{position:relative;min-height:100vh;min-height:max(100vh,720px);display:flex;align-items:center;padding-inline:var(--container-padding-x);overflow:hidden;background:radial-gradient(ellipse 80% 60% at 18% 45%,rgba(180,170,155,.45) 0%,transparent 55%),radial-gradient(ellipse 70% 50% at 82% 20%,rgba(200,190,175,.35) 0%,transparent 50%),radial-gradient(ellipse 90% 70% at 50% 85%,rgba(160,150,135,.3) 0%,transparent 55%),linear-gradient(175deg,#e8e3db,#dcd6cc,#ccc5b9 60%,#dbd5cb)}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.35;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='320' height='320'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.5 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:var(--shadow-material)}.hero__photo-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.hero__photo{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity var(--dur-x-long, .9s) var(--ease-out-quart, ease-out);filter:grayscale(12%) contrast(1.04) brightness(.92)}.hero__photo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 30%,rgba(44,40,36,.18) 70%,rgba(44,40,36,.35) 100%);pointer-events:none}.hero__photo--active{opacity:1}@media (prefers-reduced-motion: reduce){.hero__photo{transition:none}}.hero__inner{position:relative;z-index:1;width:100%;max-width:var(--container-narrow);margin:0 auto;margin-top:-8vh}.hero__overline{text-shadow:0 1px 4px rgba(232,227,219,.6);font-family:var(--font-sans-en);font-size:clamp(.6rem,1.2vw,.7rem);font-weight:400;letter-spacing:.4em;text-transform:uppercase;color:#8c8680bf;margin-bottom:var(--space-5)}.hero__title{font-family:var(--font-serif-cn);font-size:clamp(2.5rem,6vw,4rem);font-weight:400;line-height:1.35;letter-spacing:.1em;color:var(--color-text-primary);margin-bottom:var(--space-3);max-width:18ch;text-shadow:0 2px 12px rgba(140,130,120,.12)}.hero__title-en{display:none}.hero__rule{width:48px;height:1px;background-color:#8c868066;border:none;margin:var(--space-4) auto}.hero__subtitle{font-family:var(--font-serif-cn);font-size:clamp(1rem,1.5vw,1.1rem);font-weight:300;line-height:1.9;color:#5c5650d9;max-width:var(--measure-narrow);margin-bottom:var(--space-2);white-space:pre-line;letter-spacing:.05em}.hero__subtitle-en{display:none}.hero__rotator{position:relative;min-height:18em}.hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--dur-x-long) var(--ease-soft);pointer-events:none}.hero__slide--active{opacity:1;pointer-events:auto;position:relative}.hero__cta{display:inline-block;padding:12px 32px;border:1px solid rgba(92,86,80,.22);color:#5c5650;text-decoration:none;font-family:var(--font-serif-cn);font-size:.88rem;font-weight:400;letter-spacing:.1em;transition:all .4s cubic-bezier(.4,0,.2,1);background:transparent;margin-top:var(--space-5)}.hero__cta em{font-style:normal;font-family:var(--font-serif-en);font-size:.85em;letter-spacing:.08em;opacity:.7;margin-left:.5em}.hero__cta:hover{background:#5c56500d;border-color:#5c565073;color:#2c2824;text-decoration:none}.hero__dots{position:absolute;bottom:var(--space-10);left:50%;transform:translate(-50%);display:flex;gap:14px;z-index:2}.hero__dot{width:6px;height:6px;border-radius:50%;background:#8c868033;cursor:pointer;transition:all .3s ease;border:none;padding:0}.hero__dot--active{background:#5c565099;transform:scale(1.25)}.hero__scroll-hint{position:absolute;bottom:var(--space-5);left:50%;transform:translate(-50%);font-size:.6rem;letter-spacing:.3em;color:#8c868066;z-index:2;font-family:var(--font-sans-en);text-transform:uppercase;animation:hero-pulse 3s ease-in-out infinite}@keyframes hero-pulse{0%,to{transform:translate(-50%) translateY(0);opacity:.4}50%{transform:translate(-50%) translateY(6px);opacity:.8}}@media (max-width: 767px){.hero__inner{margin-top:-2vh}.hero__rotator{min-height:22em}.hero__dots{bottom:calc(var(--space-8) + 8px)}}.page-head{padding-block:var(--space-12) var(--space-8);border-bottom:var(--border-divider)}@media (max-width: 767px){.page-head{padding-block:var(--space-8) var(--space-5)}}.page-head__overline{font-family:var(--font-sans-en);font-size:var(--fs-overline);font-weight:var(--fw-medium);letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-3)}.page-head__title{font-family:var(--font-serif-cn);font-size:clamp(2rem,5vw,var(--fs-display));font-weight:var(--fw-light);line-height:var(--lh-snug);letter-spacing:var(--ls-tight);color:var(--color-text-primary);margin-bottom:var(--space-3)}.page-head__title-en{display:block;font-family:var(--font-serif-en);font-style:italic;font-size:clamp(1.25rem,2vw,var(--fs-h2));color:var(--color-text-tertiary);margin-top:var(--space-1);font-weight:var(--fw-light)}.page-head__subtitle{font-family:var(--font-serif-cn);font-size:var(--fs-body-lg);line-height:var(--lh-relaxed);color:var(--color-text-secondary);max-width:var(--measure-base);white-space:pre-line}.page-head__subtitle-en{display:block;font-family:var(--font-sans-en);font-size:var(--fs-body-sm);color:var(--color-text-tertiary);margin-top:var(--space-1_5);line-height:var(--lh-body)}.section--dark{background-color:var(--color-bg-deep);--color-bg-base: var(--color-bg-deep);--color-bg-elevated: var(--color-bg-deep-soft);--color-bg-muted: var(--color-bg-deep-soft);--color-text-primary: var(--color-text-on-deep);--color-text-secondary: var(--color-text-on-deep-muted);--color-text-tertiary: #7E776D;--color-border-base: var(--color-border-deep);--color-border-subtle: rgba(255,255,255,.05);--color-accent: var(--color-accent-soft);--color-accent-strong: #C9B68A}.card-grid{display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}@media (max-width: 767px){.card-grid{gap:var(--space-3);grid-template-columns:1fr}}.card-grid--3col{grid-template-columns:repeat(3,1fr)}.card-grid--4col{grid-template-columns:repeat(4,1fr)}@media (max-width: 1023px){.card-grid--3col,.card-grid--4col{grid-template-columns:repeat(2,1fr)}}@media (max-width: 599px){.card-grid--3col,.card-grid--4col{grid-template-columns:1fr}}.card{position:relative;display:flex;flex-direction:column;background-color:var(--color-bg-elevated);border:var(--border-card);overflow:hidden;transition:transform .48s cubic-bezier(.25,.46,.12,.97),border-color .48s cubic-bezier(.25,.46,.12,.97),box-shadow .48s cubic-bezier(.25,.46,.12,.97),background-color .48s cubic-bezier(.25,.46,.12,.97);text-decoration:none;color:inherit;box-shadow:var(--shadow-xs)}.card:hover{transform:translateY(-6px);border-color:var(--color-border-strong);box-shadow:0 8px 30px -6px #1f1c181f,0 4px 12px -4px #1f1c1814,0 1px 3px #1f1c180a;text-decoration:none;color:inherit;background-color:#fdfcfb}.card__media{position:relative;aspect-ratio:4 / 5;overflow:hidden;background-color:var(--color-bg-muted)}.card__media--16-10{aspect-ratio:16 / 10}.card__media--1-1{aspect-ratio:1 / 1}.card__media--4-3{aspect-ratio:4 / 3}.card__img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.25,.46,.12,.97),filter .8s cubic-bezier(.25,.46,.12,.97);filter:saturate(1.02)}.card:hover .card__img{transform:scale(1.06);filter:saturate(1.05) brightness(1.03) contrast(1.02)}.card__placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--color-bg-warm) 0%,var(--color-bg-muted) 100%);display:flex;align-items:center;justify-content:center;font-family:var(--font-serif-en);font-style:italic;color:var(--color-text-tertiary);font-size:var(--fs-h2)}.card__badge{position:absolute;top:var(--space-2);left:var(--space-2);padding:var(--space-0_5) var(--space-1);background-color:#ffffffeb;font-size:var(--fs-overline);font-weight:var(--fw-medium);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--color-text-primary);border-radius:var(--radius-xs)}.card__body{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.card__title{font-family:var(--font-serif-cn);font-size:var(--fs-h3);font-weight:var(--fw-light);line-height:1.35;color:var(--color-text-primary)}.card__subtitle{font-size:var(--fs-caption);letter-spacing:var(--ls-wide);color:var(--color-text-tertiary)}.card__meta{display:flex;gap:0;font-size:var(--fs-caption);color:var(--color-text-tertiary);margin-top:var(--space-1)}.card__meta>*+*:before{content:" · ";margin:0 var(--space-0_5);opacity:.6}.notes-list{display:flex;flex-direction:column;max-width:var(--container-narrow);margin:0 auto}.notes-list__item{display:grid;grid-template-columns:88px 1fr;gap:var(--space-3);padding-block:var(--space-4);border-bottom:var(--border-divider);align-items:start;cursor:pointer;transition:background-color var(--dur-micro) var(--ease-soft);text-decoration:none;color:inherit}.notes-list__item:hover{background-color:var(--color-bg-muted);text-decoration:none;color:inherit}.notes-list__chip{font-size:var(--fs-overline);font-weight:var(--fw-medium);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--color-accent);padding:var(--space-0_5) var(--space-1);background-color:var(--color-accent-soft);border-radius:var(--radius-xs);justify-self:start}.notes-list__body{display:flex;flex-direction:column;gap:var(--space-1)}.notes-list__title{font-family:var(--font-serif-cn);font-size:var(--fs-h3);font-weight:var(--fw-light);line-height:1.35;color:var(--color-text-primary);transition:color var(--dur-micro) var(--ease-soft)}.notes-list__item:hover .notes-list__title{color:var(--color-accent)}.notes-list__excerpt{font-size:var(--fs-body-sm);line-height:var(--lh-body);color:var(--color-text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:var(--measure-base)}.notes-list__meta{font-size:var(--fs-caption);letter-spacing:var(--ls-wide);color:var(--color-text-tertiary);display:flex;gap:0;margin-top:var(--space-0_5)}.notes-list__meta>*+*:before{content:" · ";margin:0 var(--space-0_5);opacity:.6}@media (max-width: 599px){.notes-list__item{grid-template-columns:1fr;gap:var(--space-1_5)}}.filter-bar{padding-block:var(--space-3);border-bottom:var(--border-divider);background-color:var(--color-bg-base)}.filter-bar__row{display:flex;align-items:baseline;gap:var(--space-3);flex-wrap:wrap}.filter-bar__label{font-family:var(--font-sans-cn);font-size:var(--fs-caption);letter-spacing:var(--ls-wide);color:var(--color-text-tertiary);text-transform:none;flex-shrink:0;min-width:56px}.chip-group{display:flex;flex-wrap:wrap;gap:var(--space-1)}.chip{display:inline-flex;align-items:center;gap:var(--space-0_5);padding:var(--space-0_5) var(--space-1_5);font-family:var(--font-sans-cn);font-size:var(--fs-caption);font-weight:var(--fw-medium);letter-spacing:var(--ls-wide);background-color:transparent;color:var(--color-text-secondary);border-radius:var(--radius-xs);border:1px solid var(--color-border-base);cursor:pointer;transition:all var(--dur-micro) var(--ease-soft);-webkit-user-select:none;user-select:none}.chip:hover{border-color:var(--color-border-strong);color:var(--color-text-primary)}.chip--active{background-color:var(--color-accent);color:var(--color-text-on-deep);border-color:var(--color-accent)}.chip__count{font-family:var(--font-mono);font-size:var(--fs-overline);opacity:.7;margin-left:var(--space-0_5)}.form{display:flex;flex-direction:column;gap:var(--space-3);max-width:560px}.form__field{display:flex;flex-direction:column;gap:var(--space-1)}.form__label{font-family:var(--font-sans-cn);font-size:var(--fs-body-sm);font-weight:var(--fw-medium);letter-spacing:var(--ls-wide);color:var(--color-text-secondary)}.form__label--required:after{content:" *";color:var(--color-error)}.form__input,.form__textarea,.form__select{font-family:var(--font-sans-cn);font-size:var(--fs-body);line-height:1.5;padding:var(--space-1_5) var(--space-2);border:var(--border-input);background-color:var(--color-bg-elevated);color:var(--color-text-primary);transition:border-color var(--dur-micro) var(--ease-soft);width:100%}.form__input,.form__select{height:48px}.form__textarea{min-height:168px;resize:vertical;padding:var(--space-2)}.form__input::placeholder,.form__textarea::placeholder{color:var(--color-text-disabled);font-style:italic}.form__input:focus,.form__textarea:focus,.form__select:focus{border-color:var(--color-accent);outline:none;box-shadow:var(--shadow-xs),0 0 0 3px #8b6f471a}.form__help{font-size:var(--fs-caption);color:var(--color-text-tertiary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);height:48px;padding:0 var(--space-3);font-family:var(--font-sans-cn);font-size:var(--fs-body);font-weight:var(--fw-medium);letter-spacing:var(--ls-wide);border:none;cursor:pointer;transition:all var(--dur-micro) var(--ease-soft);text-decoration:none}.btn--primary{background-color:var(--color-accent);color:var(--color-text-on-deep)}.btn--primary:hover{background-color:var(--color-accent-strong);text-decoration:none;color:var(--color-text-on-deep)}.btn--outline{background-color:transparent;color:var(--color-text-primary);border:1px solid var(--color-border-strong)}.btn--outline:hover{border-color:var(--color-accent);color:var(--color-accent);text-decoration:none}.btn--block{width:100%}.home-section{padding-block:var(--space-12)}@media (max-width: 767px){.home-section{padding-block:var(--space-8)}}.home-section+.home-section{border-top:var(--border-divider)}.section-heading{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:var(--space-8)}.section-heading__overline{font-family:var(--font-sans-en);font-size:var(--fs-overline);font-weight:var(--fw-medium);letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-3)}.section-heading__title{font-family:var(--font-serif-cn);font-size:clamp(1.75rem,3.5vw,var(--fs-display));font-weight:var(--fw-light);line-height:var(--lh-snug);letter-spacing:var(--ls-tight);color:var(--color-text-primary);margin-bottom:var(--space-2);max-width:24ch;white-space:pre-line}.section-heading__title-en{font-family:var(--font-serif-en);font-style:italic;font-size:clamp(1.25rem,2vw,var(--fs-h2));color:var(--color-text-tertiary);margin-bottom:var(--space-3);font-weight:var(--fw-light)}.section-heading__subtitle{font-family:var(--font-serif-cn);font-size:var(--fs-body-lg);line-height:var(--lh-relaxed);color:var(--color-text-secondary);max-width:var(--measure-base)}.section-link{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-6);font-family:var(--font-sans-cn);font-size:var(--fs-body-sm);font-weight:var(--fw-medium);letter-spacing:var(--ls-wide);color:var(--color-text-primary);text-decoration:none;padding-bottom:4px;border-bottom:1px solid var(--color-accent);transition:color var(--dur-micro) var(--ease-soft)}.section-link em{font-family:var(--font-serif-en);font-style:italic;color:var(--color-text-tertiary);margin-left:var(--space-1)}.section-link:hover{color:var(--color-accent-strong);text-decoration:none}.section-link-wrap{display:flex;justify-content:center;margin-top:var(--space-6)}.philosophy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);max-width:var(--container-narrow);margin:0 auto}@media (max-width: 1023px){.philosophy-grid{grid-template-columns:1fr;gap:var(--space-5)}}.philosophy-block{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border-top:1px solid var(--color-accent)}.philosophy-block__overline{font-family:var(--font-serif-en);font-style:italic;font-size:var(--fs-caption);color:var(--color-accent);letter-spacing:var(--ls-wide)}.philosophy-block__title{font-family:var(--font-serif-cn);font-size:var(--fs-h3);font-weight:var(--fw-light);line-height:1.4;color:var(--color-text-primary);margin-bottom:var(--space-1)}.philosophy-block__body{font-size:var(--fs-body-sm);line-height:var(--lh-body);color:var(--color-text-secondary)}.six-elements{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-3);max-width:var(--container-narrow);margin:0 auto}@media (max-width: 1023px){.six-elements{grid-template-columns:repeat(3,1fr);gap:var(--space-3)}}@media (max-width: 599px){.six-elements{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}}.element-block{display:flex;flex-direction:column;gap:var(--space-1);padding-block:var(--space-3);border-top:1px solid var(--color-border-base)}.element-block__index{font-family:var(--font-mono);font-size:var(--fs-overline);letter-spacing:var(--ls-wider);color:var(--color-accent)}.element-block__name-zh{font-family:var(--font-serif-cn);font-size:var(--fs-h4);font-weight:var(--fw-regular);color:var(--color-text-primary)}.element-block__name-en{font-family:var(--font-serif-en);font-style:italic;font-size:var(--fs-caption);color:var(--color-text-tertiary)}.element-block__hint{font-size:var(--fs-caption);color:var(--color-text-tertiary);margin-top:var(--space-1);line-height:1.5}.contact-band{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);max-width:var(--container-narrow);margin:0 auto;padding:var(--space-8) var(--space-6);background-color:var(--color-bg-muted);border:1px solid var(--color-border-base);align-items:center}@media (max-width: 767px){.contact-band{grid-template-columns:1fr;gap:var(--space-4);padding:var(--space-6) var(--space-4)}}.contact-band__text{display:flex;flex-direction:column;gap:var(--space-2)}.contact-band__title{font-family:var(--font-serif-cn);font-size:var(--fs-h2);font-weight:var(--fw-light);color:var(--color-text-primary)}.contact-band__title-en{font-family:var(--font-serif-en);font-style:italic;font-size:var(--fs-h3);color:var(--color-text-tertiary);font-weight:var(--fw-light)}.contact-band__body{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--color-text-secondary)}.contact-band__contact{display:flex;flex-direction:column;gap:var(--space-1_5);font-family:var(--font-mono);font-size:var(--fs-body-sm);color:var(--color-text-primary)}.contact-band__contact span{color:var(--color-text-tertiary);margin-right:var(--space-1);font-size:var(--fs-caption)}.about-content{max-width:var(--container-text);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-5);padding-block:var(--space-8)}.about-content p{font-family:var(--font-serif-cn);font-size:var(--fs-body-lg);line-height:var(--lh-relaxed);color:var(--color-text-secondary);max-width:none}.about-content p strong{color:var(--color-text-primary);font-weight:var(--fw-regular)}.about-trust{margin-top:var(--space-6);padding-top:var(--space-5);border-top:var(--border-divider);font-family:var(--font-mono);font-size:var(--fs-caption);color:var(--color-text-tertiary);display:flex;flex-direction:column;gap:var(--space-1)}.contact-layout{display:grid;grid-template-columns:3fr 2fr;gap:var(--space-8);padding-block:var(--space-8)}@media (max-width: 1023px){.contact-layout{grid-template-columns:1fr;gap:var(--space-6)}}.contact-info{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);background-color:var(--color-bg-muted);border:1px solid var(--color-border-base);height:max-content}.contact-info__row{display:grid;grid-template-columns:80px 1fr;gap:var(--space-2);align-items:baseline;padding-bottom:var(--space-2);border-bottom:var(--border-divider)}.contact-info__row:last-child{border-bottom:none;padding-bottom:0}.contact-info__label{font-family:var(--font-sans-cn);font-size:var(--fs-caption);letter-spacing:var(--ls-wide);color:var(--color-text-tertiary)}.contact-info__value{font-family:var(--font-mono);font-size:var(--fs-body-sm);color:var(--color-text-primary);line-height:1.5}.sample-figure{position:relative;aspect-ratio:4 / 5;background-color:var(--color-bg-muted);overflow:hidden}.sample-figure__img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-x-long) var(--ease-soft)}.card:hover .sample-figure__img{transform:scale(1.04)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-block:var(--space-16);gap:var(--space-3);min-height:50vh}.empty-state__title{font-family:var(--font-serif-en);font-style:italic;font-size:var(--fs-display);color:var(--color-accent);font-weight:var(--fw-light)}.empty-state__subtitle{font-family:var(--font-serif-cn);font-size:var(--fs-h3);font-weight:var(--fw-light);color:var(--color-text-primary)}.empty-state__body{font-size:var(--fs-body);color:var(--color-text-secondary);max-width:var(--measure-narrow)}