/**
 * Content
 */

body {
	background-color: #fff;
	color: #000;
}

a:active {
	opacity: 0.7;
}

.page a.active {
	opacity: .4;
}

i,
em {
	font-style: italic;
}

b,
strong {
	font-weight: bolder;
}

sub,
sup {
	position: relative;
	vertical-align: baseline;
}

sub {
	top: 0.3em;
}

sup {
	top: -0.4em;
}

s {
	text-decoration: line-through;
}

img {
	border: 0;
	padding: 0;
}

ul,
ol {
	margin: 0;
	padding: 0 0 0 1em;
}

blockquote {
	margin: 0;
	padding: 0 0 0 2em;
}

hr {
	background: rgba(127, 127, 127, 0.2);
	border: 0;
	height: 1px;
	display: block;
}

.content img {
	float: none;
	margin-bottom: .5em;
}

.gallery_image_caption {
    margin-top: 1.2rem;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.35);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	font-style: normal;
	line-height: 1.3;	
}

/**
 * Loading Animation
 */

.loading[data-loading] {
	position: fixed;
	bottom: 8px; 
    left: 8px;
}

/**
 * Editor styles
 */

[data-predefined-style="true"] bodycopy {
	font-size: 2rem;
	font-weight: 400;
	color: rgba(255, 255, 255, 1);
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif, 'Sans Serif', Icons;
	font-style: normal;
	line-height: 1.3;
}

[data-predefined-style="true"] bodycopy a {
	color: rgb(105, 143, 255);
	padding-bottom: 0.1em;
	border-bottom: 0.0em solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}

[data-predefined-style="true"] bodycopy a:hover {

}

bodycopy a.image-link,
bodycopy a.icon-link,
bodycopy a.image-link:hover,
bodycopy a.icon-link:hover {
	border-bottom: 0;
	padding-bottom: 0;
}

[data-predefined-style="true"] h1 {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	font-style: normal;
	font-weight: 400;
	padding: 0;
	margin: 0;
	font-size: 3rem;
	line-height: 1.2;
	color: rgba(255, 255, 255, 1);
	}

[data-predefined-style="true"] h1 a {
	color: rgba(0, 0, 0, 0.85);
}

[data-predefined-style="true"] h2 {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	font-style: normal;
	font-weight: 400;
	padding: 0;
	margin: 0;
	color: rgba(255, 255, 255, 1);
	font-size: 3rem;
	line-height: 1.2;
	}

[data-predefined-style="true"] h2 a {
	color: rgba(0, 0, 0, 0.85);
}

[data-predefined-style="true"] small {
	display: inline-block;
	font-size: 1rem;
	line-height: 1.3;
	font-family: Rubik, Icons;
	font-style: normal;
	font-weight: 400;
	color: rgba(255, 255, 255, 1);
}

[data-predefined-style="true"] small a {
	color: rgba(0, 0, 0, 1);
	border-bottom-width: 0em;
}

/**
 * Breakpoints
 */


[data-css-preset] .page {
    background-color: initial /*!page_bgcolor*/;
}

.mobile .page,
[data-css-preset].mobile .page {
	position: relative;
	min-height: 10px;
	max-width: 100%;
	width: 100%;
	background-color: transparent /*!page_bgcolor*/;
}

[data-css-preset] .container {
	margin-left: 0 /*!content_left*/;
	margin-right: auto /*!content_left*/;
	text-align: center /*!text_center*/;
}

[data-css-preset] body {
	background-color: rgb(255, 255, 255) /*!body_bgcolor*/;
}

[data-css-preset] .container_width {
	width: 91%/*!content_left*/;
}

[data-css-preset] .content_padding {
	padding-top: 6rem /*!main_margin*/;
	padding-bottom: 6rem /*!main_margin*/;
	padding-left: 6rem /*!main_margin*/;
	padding-right: 6rem /*!main_margin*/;
}


[data-css-preset] text-limit {
	display: inline-block /*!text_width*/;
	max-width: 66rem/*!text_width*/;
}

/**
 * Thumbnails
 */

div[thumbnails] {
	justify-content: flex-start;
}

[data-css-preset] .thumbnails {
   	background-color: rgba(0, 0, 0, 0)/*!thumbnails_bgcolor*/;   
}

[data-css-preset] .thumbnails_width {
    width: 100%/*!thumbnails_width*/;
}

[data-css-preset] [thumbnails-pad] {
    padding: 0.55rem/*!thumbnails_padding*/;
}

[data-css-preset] [thumbnails-gutter] {
    margin: -1.1rem/*!thumbnails_padding*/;
}

[data-css-preset] [responsive-layout] [thumbnails-pad] {
    padding: 0.075rem/*!responsive_thumbnails_padding*/; 
}

[data-css-preset] [responsive-layout] [thumbnails-gutter] {
    margin: -0.15rem/*!responsive_thumbnails_padding*/; 
}

.thumbnails .thumb_image {
	outline: 0px solid rgba(0,0,0,.12);
    outline-offset: -1px;
}

.thumbnails .title {
    margin-top: 1.2rem;
    margin-bottom: .3rem;
    font-size: 1.8rem;
	font-weight: normal;
	color: rgba(0, 0, 0, 0.85);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	font-style: normal;
	line-height: 1.1;
}

.thumbnails .tags {
    margin-top: 1.2rem;
    margin-bottom: 0.5rem;
    font-size: 1.6rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.35);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	font-style: normal;
	line-height: 1.2;
}

.thumbnails .tags a {
	border-bottom: 0;
    color: rgba(0, 0, 0, 0.35);
    text-decoration: none;
}

.thumbnails .has_title .tags {
	margin-top: 0rem;
}

/**
 * Site Menu
 */

[data-css-preset] #site_menu_button {
    color: rgba(0, 0, 0, 0.75);
    line-height: 1;
    font-size: 28px /*!site_menu_button*/;
    padding: 6px;
    line-height: 1;
    background: rgba(33, 32, 46, 0);
    position: fixed;
	left: 3rem /*!site_menu_button*/;
	top: 3rem /*!site_menu_button*/;
}

body.mobile #site_menu_button {
	margin: -6px;
    font-size: 34px;
}

#site_menu_button.custom_icon {
	width: 40px;
    height: auto;
}

#site_menu_button.active {
	display: none;
}

/**
 * Site Menu
 */

#site_menu {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	background: rgba(20, 20, 20, 0.95);
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	padding: 20px 30px 90px 30px;
	max-width: 400px;
	min-width: 300px;
	text-align: left;
	display: flex;
	justify-content: flex-start;
}

body.mobile #site_menu {
	width: 100%;
}

#site_menu .page-link a {
	color: rgba(255, 255, 255, 0.75);
}

#site_menu .set-link > a {
	color: rgba(255, 255, 255, 0.75);
	font-weight: bold;
}

#site_menu a:active {
	opacity: .7;
}

#site_menu a.active {
	opacity: .4;
}

#site_menu .close {
	display: none;
	color: rgba(255, 255, 255, 0.4);
	line-height: .85em;
	font-size: 45px;
}

body.mobile #site_menu .close {
	display: block;
	font-size: 50px;
	line-height: 1em;
}

#site_menu .break {
	height: 28px;
}

#site_menu .indent {
	margin-left: 28px;
}

/*
 * Shop Button
 */

[data-css-preset] #shop_button {
	color: rgba(0, 0, 0, 0.85);
    background: transparent;
	font-size: 32px;
    font-style: normal;
	font-weight: 400;
    line-height: 1;
    position: fixed;
	padding: 6px;
	top: 2rem /*!shop_button*/;
	right: 2rem /*!shop_button*/;
}

#shop_button.text {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	font-size: 2rem;
    padding: 0;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.85);
}

#shop_button.custom_icon {
	width: 40px;
    height: auto;
}

body.mobile #shop_button:not(.text) {
	margin: -6px;
    font-size: 36px;
}

/*
 * Shop Product Widget
 */

.shop_product {
    width: 100%;
	max-width: 22rem;
    position: relative;
    display: block;
}

.shop_product .price {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	font-size: 2rem;
	line-height: 1;
	color: rgba(0, 0, 0, 0.85);
    display: block;
    margin-bottom: 1rem;
}

.shop_product .dropdown {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
    font-size: 1.4rem;
    display: inline-block;
	width: 100%;
    border: 1px solid rgba(0,0,0,.2);
    background:  white url(https://static.cargo.site/assets/images/select-arrows.svg) no-repeat right;
    margin-bottom: 1rem;
    line-height: 1.2;
    padding: .7rem 2.5rem .7rem 1rem;
}

.shop_product .button {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	font-size: 1.4rem;
    background: rgba(0, 0, 0, 0.7);
    color: rgba(255,255,255,1);
    flex: 0 0 50%;
    text-align: left;
    display: inline-block;
	line-height: 1;
    padding: .8rem 1rem .9rem;
}

/*
 * Image Zoom
 */

.content img.image-zoom:active {
  opacity: .7;
}

/**
 * Quick View
 */

[data-css-preset] .quick-view {
    padding-top: 20rem /*!quick_view_padding*/;
    padding-bottom: 20rem /*!quick_view_padding*/;
    padding-left: 20rem /*!quick_view_padding*/;
    padding-right: 20rem /*!quick_view_padding*/;
    height: 100% /*!quick_view_height*/;
    width: 100% /*!quick_view_width*/;
}

body.mobile .quick-view {
    width: 100%;
    height: 100%;
    margin: 0;
}


[data-css-preset] .quick-view-background {
	background: rgba(255, 255, 255, 1) /*!quick_view_bgcolor*/;
}

.quick-view-caption {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
    font-weight: 400;
    transition: 100ms opacity ease-in-out;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 3.5rem 0;
    text-align: center;
    font-size: 1.5rem;
}

.quick-view-caption span {
    padding: 0.5rem 1rem;
    display: inline-block;
    background: rgba(0,0,0,.5);
    color: white;
}


/**
 * Quick View Navigation 
 */

.quick-view-navigation .left-arrow {
    left: 10px;
}

.quick-view-navigation .right-arrow {
    right: 10px;
}

.quick-view-navigation .left-arrow,
.quick-view-navigation .right-arrow {
    /* Change height/width together to scale */
    height: 36px;
    width: 36px;
}

.quick-view-navigation .left-arrow .inner-color,
.quick-view-navigation .right-arrow .inner-color {
    stroke: #fff;
    stroke-width: 1.5px;
}

.quick-view-navigation .left-arrow .outer-color,
.quick-view-navigation .right-arrow .outer-color {
    stroke: rgba(0, 0, 0, 0.6);
    stroke-width: 2.5px;
}

.quick-view-navigation .close-button {  
    top: 10px;
    right: 10px;
    /* Change height/width together to scale */
    width: 36px;
    height: 36px;
}

.quick-view-navigation .close-button .inner-color {
    stroke: #fff;
    stroke-width: 1.5px;
}

.quick-view-navigation .close-button .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0.6;
}

/** 
 * Image Gallery Navigation Arrows 
 */
 
.image-gallery-navigation .left-arrow,
.image-gallery-navigation .right-arrow {
    /* Change height/width together to scale */
    height: 36px;
    width: 36px;
}

.image-gallery-navigation .left-arrow .inner-color,
.image-gallery-navigation .right-arrow .inner-color {
    stroke: #fff;
    stroke-width: 1.5px;
}

.image-gallery-navigation .left-arrow .outer-color,
.image-gallery-navigation .right-arrow .outer-color {
    stroke: rgba(0, 0, 0, 0.6);
    stroke-width: 2.5px;
}

/**
 * Wallpaper Backdrop Navigation Arrows 
 */

.wallpaper-navigation .left-arrow,
.wallpaper-navigation .right-arrow {
   /* Change height/width together to scale */
   width: 36px;
   height: 36px;
}

.wallpaper-navigation .left-arrow .inner-color,
.wallpaper-navigation .right-arrow .inner-color {
   stroke: #fff;
   stroke-width: 1.5px;
}

.wallpaper-navigation .left-arrow .outer-color,
.wallpaper-navigation .right-arrow .outer-color {
    stroke: rgba(0, 0, 0, 0.6);
    stroke-width: 2.5px;
}


/**
 * Feed
 */

.feed .content_container .page {
    border-top: 0px dashed rgba(0, 0, 0, 0.2);
}

.feed .content_container .page_container:first-child .page {
	border-top: 0;
}



/*
 * Audio Player
 */

.audio-player {
    max-width: 36rem;
    height: 3.3rem;
    outline: 1px solid rgba(0,0,0,0.15);
    color: rgba(0, 0, 0, 0.6);
    background: #fff;
    font-size: 1.2rem;
    line-height: 1.3;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
    font-style: normal;
    font-weight: 400;
    text-align: left;
    margin: 1px 1px 1em 1px;
}

body.mobile .audio-player {
    max-width: 100%;
}

.audio-player .separator {
    width: 1px;
    background-color: rgba(0,0,0,0.15);
}

.audio-player .button {
    background: transparent;
    cursor: pointer;
    fill: rgba(0, 0, 0, 0.85);
}

.audio-player .icon {
    fill: rgba(0, 0, 0, 0.85);
    padding: 30%;
    width: 100%;
    margin: auto;
}

.audio-player .buffer {
    background: rgba(0,0,0,0.03);
}

.audio-player .progress {
    background: rgba(0,0,0,0.1);
}

.audio-player .progress-indicator {
    border: 1px solid rgba(0, 0, 0, 0.7);
    width: 1px;
    height: 100%;
    right: 0;
    position: absolute;
    cursor: ew-resize;
}

.audio-player .note-icon {
    height: 100%;
    width: 3.8rem;
    padding: 1rem;
    fill: rgba(0, 0, 0, 0.5);
}

.audio-player .current-time {
    padding-left: 1rem;
}

.audio-player .total-time {
    padding-right: 1rem;
}


/* ===== Home 2026 (Claude) START ===== */

#fa{position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);text-align:left;background:var(--plaster);color:var(--basalt);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
#fa p,#fa h1,#fa h2,#fa h3,#fa ol,#fa ul,#fa dl,#fa dd,#fa figure{margin:0;padding:0}
#fa br{display:none}
body.fa-on{background:#E7E4DD}
body.fa-on .page,body.fa-on .container,body.fa-on .page_container,body.fa-on .content_container,body.fa-on .content_padding,body.fa-on .page_content{padding:0!important;margin:0!important;max-width:none!important;width:100%!important}
#fa{--plaster:#E7E4DD;
  --plaster-2:#DEDAD1;
  --basalt:#262826;
  --basalt-2:#323531;
  --stone:#6F6C66;
  --sand:#CFC8BB;
  --linen:#F3F1EC;
  --leaf:#44503F;
  --serif:"Spectral", Georgia, serif;
  --sans:"Hanken Grotesk", system-ui, sans-serif;
  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-slow:cubic-bezier(.16,1,.3,1);
  --pad:clamp(20px,4.5vw,72px);
  --maxw:1440px;}
#fa, #fa *{box-sizing:border-box;margin:0;padding:0}#fa{-webkit-text-size-adjust:100%}#fa{background:var(--plaster);color:var(--basalt);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#fa img, #fa video{display:block;max-width:100%}#fa a{color:inherit}#fa :focus-visible{outline:2px solid var(--leaf);outline-offset:3px;border-radius:2px}#fa .dark :focus-visible{outline-color:var(--linen)}#fa .skip{position:absolute;left:-999px;top:12px;background:var(--basalt);color:var(--linen);padding:10px 16px;z-index:100}#fa .skip:focus{left:12px}#fa .wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad)}#fa .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}#fa .display{font-family:var(--serif);font-weight:200;font-size:clamp(40px,6.4vw,96px);line-height:1.02;letter-spacing:-.015em}#fa .h2{font-family:var(--serif);font-weight:300;font-size:clamp(30px,3.6vw,54px);line-height:1.12;letter-spacing:-.01em}#fa .h3{font-family:var(--serif);font-weight:400;font-size:clamp(22px,1.9vw,28px);line-height:1.25}#fa .lede{font-family:var(--serif);font-weight:300;font-size:clamp(20px,1.7vw,24px);line-height:1.55}#fa .small{font-size:14px;line-height:1.5;color:var(--stone)}#fa .dark .small{color:#A9A69F}#fa .measure{max-width:34em}#fa .site-header{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:22px var(--pad);color:var(--linen);transition:background .5s var(--ease),color .5s var(--ease),padding .5s var(--ease)}#fa .site-header.solid{background:rgba(231,228,221,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--basalt);padding-top:14px;padding-bottom:14px}#fa .brand{text-decoration:none;display:flex;flex-direction:column;line-height:1.15}#fa .brand strong{font-family:var(--serif);font-weight:400;font-size:21px;letter-spacing:.01em}#fa .brand span{font-size:13px;opacity:.75}#fa .nav{display:flex;gap:clamp(18px,2.4vw,36px);align-items:center;font-size:15px}#fa .nav a{text-decoration:none;position:relative;padding:4px 0}#fa .nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}#fa .nav a:hover::after, #fa .nav a:focus-visible::after{transform:scaleX(1)}#fa .nav .nav-cta{border:1px solid currentColor;padding:8px 16px;border-radius:999px}#fa .nav .nav-cta::after{display:none}#fa .nav .nav-cta:hover{background:var(--linen);color:var(--basalt)}#fa .site-header.solid .nav .nav-cta:hover{background:var(--basalt);color:var(--linen)}@media (max-width:760px){#fa .nav a:not(.nav-cta){display:none}}#fa .hero{position:relative;height:100vh;min-height:560px;color:var(--linen);overflow:hidden;background:var(--basalt)}#fa .hero-media{position:absolute;inset:0}#fa .hero-media video, #fa .hero-media img{width:100%;height:100%;object-fit:cover}#fa .hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,21,20,.35) 0%,rgba(20,21,20,0) 28%,rgba(20,21,20,0) 45%,rgba(20,21,20,.72) 100%)}#fa .hero-copy{position:absolute;left:0;right:0;bottom:0;padding:0 var(--pad) clamp(32px,7vh,72px)}#fa .hero-copy .display{max-width:12.5em}#fa .hero-sub{margin-top:22px;max-width:34em;font-size:clamp(16px,1.2vw,18px);color:rgba(243,241,236,.86)}#fa .hero-actions{margin-top:30px;display:flex;flex-wrap:wrap;gap:14px 26px;align-items:center}#fa .btn{display:inline-flex;align-items:center;gap:10px;font:500 15px/1 var(--sans);padding:15px 24px;border-radius:999px;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease)}#fa .btn-light{background:var(--linen);color:var(--basalt)}#fa .btn-light:hover{background:#fff}#fa .btn-dark{background:var(--basalt);color:var(--linen)}#fa .btn-dark:hover{background:var(--leaf)}#fa .link-quiet{font-size:15px;text-decoration:none;border-bottom:1px solid rgba(243,241,236,.5);padding-bottom:3px;transition:border-color .3s}#fa .link-quiet:hover{border-color:var(--linen)}#fa .hero-pause{position:absolute;right:var(--pad);bottom:clamp(32px,7vh,72px);background:none;border:1px solid rgba(243,241,236,.5);color:var(--linen);width:42px;height:42px;border-radius:50%;cursor:pointer;display:grid;place-items:center}#fa .hero-pause:hover{border-color:var(--linen)}#fa .hero-pause svg{width:14px;height:14px}@media (max-width:760px){#fa .hero-pause{bottom:auto;top:84px}}#fa .hero .reveal{opacity:0;transform:translateY(14px);transition:opacity 1.4s var(--ease-slow),transform 1.4s var(--ease-slow)}#fa .hero.ready .reveal{opacity:1;transform:none}#fa .hero.ready .reveal:nth-child(2){transition-delay:.25s}#fa .hero.ready .reveal:nth-child(3){transition-delay:.5s}#fa .intro{padding:clamp(96px,14vw,200px) 0 clamp(80px,10vw,140px)}#fa .intro .h2{max-width:20em}#fa .credentials{margin-top:clamp(56px,7vw,96px);display:grid;grid-template-columns:repeat(3,1fr);gap:28px;border-top:1px solid var(--sand);padding-top:28px}#fa .credentials dt{font-family:var(--serif);font-size:20px;font-weight:400;margin-bottom:6px}#fa .credentials dd{color:var(--stone);font-size:15px;max-width:22em}@media (max-width:820px){#fa .credentials{grid-template-columns:1fr}}#fa .walk{position:relative;height:520vh;background:var(--basalt);color:var(--linen)}#fa .walk-stage{position:sticky;top:0;height:100vh;overflow:hidden}#fa .walk-img{position:absolute;inset:0;opacity:0;transition:opacity 1.3s var(--ease)}#fa .walk-img img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 9s linear}#fa .walk-img.on{opacity:1}#fa .walk-img.on img{transform:scale(1)}#fa .walk-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,25,24,.78) 0%,rgba(24,25,24,.35) 38%,rgba(24,25,24,0) 62%),linear-gradient(0deg,rgba(24,25,24,.5),rgba(24,25,24,0) 40%);pointer-events:none}#fa .walk-copy{position:absolute;z-index:2;left:var(--pad);bottom:clamp(40px,9vh,96px);width:min(460px,calc(100% - 2*var(--pad)))}#fa .walk-project{font-size:15px;color:#BDB9B1;margin-bottom:18px}#fa .walk-project strong{display:block;font-family:var(--serif);font-weight:300;font-size:clamp(34px,3.4vw,50px);line-height:1.1;color:var(--linen);margin-bottom:4px}#fa .walk-steps{list-style:none;position:relative;min-height:9.5em}#fa .walk-step{position:absolute;inset:0 0 auto 0;opacity:0;transform:translateY(10px);transition:opacity .9s var(--ease),transform .9s var(--ease)}#fa .walk-step.on{opacity:1;transform:none}#fa .walk-step h3{font-family:var(--serif);font-weight:400;font-size:24px;margin-bottom:8px}#fa .walk-step p{color:rgba(243,241,236,.84);max-width:26em}#fa .walk-progress{display:flex;gap:6px;margin-top:26px}#fa .walk-progress span{height:2px;flex:1;background:rgba(243,241,236,.22);position:relative;overflow:hidden}#fa .walk-progress span i{position:absolute;inset:0;background:var(--linen);transform:scaleX(0);transform-origin:left}#fa .walk-more{display:inline-block;margin-top:24px;font-size:15px;text-decoration:none;border-bottom:1px solid rgba(243,241,236,.5);padding-bottom:3px}#fa .work{padding:clamp(96px,12vw,180px) 0 clamp(64px,8vw,120px)}#fa .section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:clamp(48px,6vw,88px)}#fa .section-head p{max-width:26em;color:var(--stone)}@media (max-width:820px){#fa .section-head{flex-direction:column;align-items:flex-start}}#fa .projects{display:grid;grid-template-columns:repeat(12,1fr);column-gap:clamp(16px,2vw,32px);row-gap:clamp(64px,8vw,128px)}#fa .project{text-decoration:none;display:block}#fa .project figure{position:relative;overflow:hidden;background:var(--plaster-2)}#fa .project img, #fa .project video{width:100%;height:100%;object-fit:cover;transition:transform 1.6s var(--ease-slow)}#fa .project:hover img, #fa .project:hover video{transform:scale(1.03)}#fa .project figcaption{display:grid;grid-template-columns:1fr auto;gap:2px 20px;margin-top:18px}#fa .project .name{font-family:var(--serif);font-size:24px;font-weight:400;line-height:1.25}#fa .project .place{color:var(--stone);font-size:15px}#fa .project .kind{color:var(--stone);font-size:15px;text-align:right;grid-row:1/3;grid-column:2;align-self:start;padding-top:4px}#fa .p-wide{grid-column:1/9}#fa .p-wide figure{aspect-ratio:16/10}#fa .p-side{grid-column:9/13;align-self:end}#fa .p-side figure{aspect-ratio:4/5}#fa .p-mid{grid-column:3/11}#fa .p-mid figure{aspect-ratio:16/9}#fa .p-left{grid-column:1/6}#fa .p-left figure{aspect-ratio:4/5}#fa .p-right{grid-column:7/13;margin-top:18vh}#fa .p-right figure{aspect-ratio:4/3}#fa .p-full{grid-column:1/13}#fa .p-full figure{aspect-ratio:21/9}#fa .p-mid2{grid-column:4/11}#fa .p-mid2 figure{aspect-ratio:16/10}@media (max-width:820px){#fa .projects>.project{grid-column:1/13!important;margin-top:0!important}#fa .projects .project figure{aspect-ratio:4/3!important}}#fa .unveil figure{clip-path:inset(6% 6% 6% 6%);transition:clip-path 1.6s var(--ease-slow)}#fa .unveil.in figure{clip-path:inset(0 0 0 0)}#fa .philosophy{background:var(--basalt);color:var(--linen);padding:clamp(96px,12vw,180px) 0}#fa .phil-grid{display:grid;grid-template-columns:5fr 1fr 6fr;align-items:center}#fa .phil-grid .media{grid-column:1/2;aspect-ratio:4/5;overflow:hidden}#fa .phil-grid .media img{width:100%;height:100%;object-fit:cover}#fa .phil-grid .copy{grid-column:3/4}#fa .phil-grid .copy p{margin-top:24px;color:rgba(243,241,236,.82);max-width:32em}#fa .materials{margin-top:40px;padding-top:24px;border-top:1px solid rgba(243,241,236,.18);font-family:var(--serif);font-style:italic;font-weight:300;font-size:19px;color:#BDB9B1;max-width:30em}@media (max-width:820px){#fa .phil-grid{grid-template-columns:1fr;gap:48px}#fa .phil-grid .media, #fa .phil-grid .copy{grid-column:1}}#fa .approach{padding:clamp(96px,12vw,180px) 0}#fa .steps{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(20px,2.4vw,36px);counter-reset:step}#fa .steps li{border-top:1px solid var(--basalt);padding-top:20px;counter-increment:step}#fa .steps li::before{content:counter(step);display:block;font-family:var(--serif);font-size:15px;color:var(--stone);margin-bottom:28px}#fa .steps h3{margin-bottom:10px}#fa .steps p{font-size:15px;color:var(--stone)}@media (max-width:1000px){#fa .steps{grid-template-columns:1fr 1fr}}@media (max-width:560px){#fa .steps{grid-template-columns:1fr}}#fa .fields{padding:0 0 clamp(96px,12vw,180px)}#fa .fields-grid{display:grid;grid-template-columns:4fr 8fr;gap:clamp(32px,5vw,96px);border-top:1px solid var(--sand);padding-top:clamp(48px,6vw,80px)}#fa .field-list{display:grid;grid-template-columns:1fr 1fr;gap:40px clamp(24px,3vw,56px)}#fa .field-list dt{font-family:var(--serif);font-size:24px;margin-bottom:8px}#fa .field-list dd{color:var(--stone);font-size:15px}#fa .services{margin-top:56px;font-size:15px;color:var(--stone);columns:2;column-gap:56px}#fa .services li{list-style:none;padding:9px 0;border-bottom:1px solid var(--sand);break-inside:avoid}@media (max-width:820px){#fa .fields-grid, #fa .field-list{grid-template-columns:1fr}#fa .services{columns:1}}#fa .architect{background:var(--plaster-2);padding:clamp(96px,12vw,180px) 0}#fa .arch-grid{display:grid;grid-template-columns:6fr 1fr 5fr;align-items:start}#fa .arch-grid .copy{grid-column:1}#fa .arch-grid .copy p{margin-top:22px;max-width:34em}#fa .arch-grid aside{grid-column:3;border-top:1px solid var(--basalt);padding-top:20px}#fa .arch-grid aside ul{list-style:none}#fa .arch-grid aside li{padding:12px 0;border-bottom:1px solid var(--sand);font-size:15px}#fa .arch-grid aside li span{display:block;color:var(--stone);font-size:14px}@media (max-width:900px){#fa .arch-grid{grid-template-columns:1fr;gap:48px}#fa .arch-grid .copy, #fa .arch-grid aside{grid-column:1}}#fa .contact{position:relative;color:var(--linen);background:var(--basalt);overflow:hidden}#fa .contact-bg{position:absolute;inset:0}#fa .contact-bg img{width:100%;height:100%;object-fit:cover;opacity:.42}#fa .contact-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,25,24,.92) 0%,rgba(24,25,24,.7) 50%,rgba(24,25,24,.55) 100%)}#fa .contact .wrap{position:relative;padding-top:clamp(96px,12vw,180px);padding-bottom:clamp(96px,12vw,160px);display:grid;grid-template-columns:5fr 1fr 6fr}#fa .contact-intro{grid-column:1}#fa .contact-intro p{margin-top:22px;color:rgba(243,241,236,.82);max-width:28em}#fa .direct{margin-top:40px;display:grid;gap:10px;font-size:15px}#fa .direct a{text-decoration:none;border-bottom:1px solid rgba(243,241,236,.35);padding-bottom:2px;justify-self:start}#fa .direct a:hover{border-color:var(--linen)}#fa form{grid-column:3;display:grid;grid-template-columns:1fr 1fr;gap:22px 24px;align-content:start}#fa .f{display:flex;flex-direction:column;gap:8px}#fa .f.full{grid-column:1/3}#fa .f label{font-size:14px;color:#C9C5BD}#fa .f input, #fa .f select, #fa .f textarea{font:inherit;font-size:16px;color:var(--linen);background:transparent;border:0;border-bottom:1px solid rgba(243,241,236,.35);padding:10px 0;border-radius:0;transition:border-color .3s}#fa .f select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#C9C5BD 50%),linear-gradient(135deg,#C9C5BD 50%,transparent 50%);background-position:calc(100% - 12px) 55%,calc(100% - 7px) 55%;background-size:5px 5px;background-repeat:no-repeat;padding-right:28px}#fa .f select option{color:var(--basalt)}#fa .f textarea{resize:vertical;min-height:96px}#fa .f input:focus, #fa .f select:focus, #fa .f textarea:focus{outline:none;border-color:var(--linen)}#fa .f input:focus-visible, #fa .f select:focus-visible, #fa .f textarea:focus-visible{outline:none;box-shadow:0 1px 0 0 var(--linen)}#fa .form-note{grid-column:1/3;font-size:14px;color:#A9A69F}#fa .form-actions{grid-column:1/3;display:flex;align-items:center;gap:20px;flex-wrap:wrap}#fa .form-done{grid-column:1/3;display:none;border:1px solid rgba(243,241,236,.3);padding:24px}#fa .form-done.show{display:block}#fa .form-done p{margin-bottom:16px;color:rgba(243,241,236,.86)}#fa .f .err{font-size:13px;color:#E8C9B6;min-height:1em}@media (max-width:900px){#fa .contact .wrap{grid-template-columns:1fr;gap:56px}#fa .contact-intro, #fa form{grid-column:1}}@media (max-width:560px){#fa form{grid-template-columns:1fr}#fa .f.full, #fa .form-note, #fa .form-actions, #fa .form-done{grid-column:1}}#fa footer{background:var(--basalt);color:#A9A69F;font-size:14px;border-top:1px solid rgba(243,241,236,.12)}#fa footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:28px;padding-bottom:28px}#fa footer a{text-decoration:none}#fa footer a:hover{color:var(--linen)}@media (prefers-reduced-motion:reduce){#fa, #fa *, #fa *::before, #fa *::after{transition-duration:.01ms!important;animation-duration:.01ms!important}#fa .walk-img img{transform:none!important}#fa .unveil figure{clip-path:none}#fa .hero .reveal{opacity:1;transform:none}}
body.fa-on .main_container{overflow:visible!important}
html{overflow-x:hidden}
body.fa-on #site_menu_wrapper{display:none!important}
/* ===== Home 2026 END ===== */
/* ===== Home 2026 v2 (Claude) ===== */
#fa{--serif:"Newsreader",Georgia,serif}
#fa .display{font-weight:250;font-optical-sizing:auto}
#fa .h2,#fa .lede{font-weight:300}
body.fa-on .site_menu_button,body.fa-on .site_menu_panel_container,body.fa-on #site_menu_button{display:none!important}
#fa .hero-pause:empty::before{content:"";width:10px;height:12px;border-left:3px solid currentColor;border-right:3px solid currentColor}
/* hero letters dissolve */
#fa .dissolve .wd{display:inline-block;white-space:nowrap}
#fa .dissolve .ch{display:inline-block;will-change:opacity,transform}
#fa .hero-sub,#fa .hero-actions{transition:opacity .2s linear}
/* statement fills from light to bold */
#fa .statement{font-weight:300;max-width:22em}
#fa .statement .w{font-weight:200;color:#B4B0A8;transition:font-weight .5s var(--ease),color .5s var(--ease)}
#fa .statement .w.on{font-weight:560;color:var(--basalt)}
/* Le Havre scroll story */
#fa .story{position:relative;background:var(--basalt);color:var(--linen)}
#fa .st-stage{position:sticky;top:0;height:100vh;overflow:hidden}
#fa .st-img{position:absolute;inset:0;opacity:0;will-change:opacity}
#fa .st-img[data-i="0"]{opacity:1}
#fa .st-img img{width:100%;height:100%;object-fit:cover;will-change:transform;transform:scale(1.1)}
#fa .st-stage::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(22,23,22,.72) 0%,rgba(22,23,22,.3) 36%,rgba(22,23,22,0) 60%),linear-gradient(0deg,rgba(22,23,22,.55),rgba(22,23,22,0) 42%)}
#fa .st-copy{position:absolute;z-index:2;left:var(--pad);bottom:clamp(40px,9vh,96px);width:min(470px,calc(100% - 2*var(--pad)))}
#fa .st-project{font-size:15px;color:#BDB9B1;margin-bottom:20px}
#fa .st-project strong{display:block;font-family:var(--serif);font-weight:300;font-size:clamp(38px,3.8vw,58px);line-height:1.05;color:var(--linen);margin-bottom:6px}
#fa .st-caps{position:relative;min-height:8.5em}
#fa .st-cap{position:absolute;inset:0 0 auto 0;opacity:0;will-change:opacity,transform}
#fa .st-cap h3{font-family:var(--serif);font-weight:400;font-size:clamp(24px,2vw,30px);margin-bottom:8px}
#fa .st-cap p{color:rgba(243,241,236,.86);max-width:27em}
#fa .st-ticks{display:flex;gap:6px;margin-top:22px}
#fa .st-ticks span{height:2px;flex:1;background:rgba(243,241,236,.22);overflow:hidden;position:relative}
#fa .st-ticks i{position:absolute;inset:0;background:var(--linen);transform:scaleX(0);transform-origin:left}
/* Le Havre gallery */
#fa .gallery{padding:clamp(96px,12vw,180px) 0 clamp(64px,8vw,120px)}
#fa .g-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(12px,1.6vw,24px);grid-auto-flow:dense}
#fa .g{overflow:hidden;background:var(--plaster-2)}
#fa .g img{width:100%;height:100%;object-fit:cover;transition:transform 1.6s var(--ease-slow)}
#fa .g:hover img{transform:scale(1.03)}
#fa .g-tall{grid-column:span 2;aspect-ratio:2/3}
#fa .g-half{grid-column:span 3;aspect-ratio:3/2}
@media (max-width:820px){#fa .g-grid{grid-template-columns:1fr 1fr}#fa .g-tall{grid-column:span 1}#fa .g-half{grid-column:span 2}}
#fa .built{padding-top:0}
/* before / after */
#fa .ba{position:relative;height:240vh;background:var(--basalt);color:var(--linen)}
#fa .ba-stage{position:sticky;top:0;height:100vh;overflow:hidden}
#fa .ba-img{position:absolute;inset:0}
#fa .ba-img img{width:100%;height:100%;object-fit:cover}
#fa .ba-after{opacity:0}
#fa .ba-stage::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(22,23,22,.6),rgba(22,23,22,0) 45%)}
#fa .ba-copy{position:absolute;z-index:2;left:var(--pad);bottom:clamp(40px,9vh,96px)}
#fa .ba-label{position:relative;height:1.6em;font-family:var(--serif);font-size:clamp(22px,2vw,30px)}
#fa .ba-label span{position:absolute;left:0;top:0}
#fa .ba-label .b2{opacity:0}
/* portrait */
#fa .arch-photo{width:min(300px,60vw);aspect-ratio:4/5;overflow:hidden;margin-bottom:40px;background:var(--plaster)}
#fa .arch-photo img{width:100%;height:100%;object-fit:cover}
#fa .indesign{background:var(--plaster-2)}
@media (prefers-reduced-motion:reduce){#fa .st-img img{transform:none!important}#fa .statement .w{font-weight:400;color:var(--basalt)}}
#fa > main,#fa main#fa-main{position:relative!important;inset:auto!important;height:auto!important;max-height:none!important;overflow:visible!important;transform:none!important}
#fa h1,#fa h2,#fa h3,#fa h4,#fa dt,#fa p{color:inherit}
#fa .h2,#fa h2{font-family:var(--serif)!important;font-weight:300}
#fa .dark .h2,#fa .dark h2{color:var(--linen)}
#fa .arch-photo{width:min(220px,48vw);aspect-ratio:1/1;border-radius:50%;overflow:hidden}
#fa .arch-photo img{object-position:50% 22%}

/* --- refinements 08 Nov --- */
#fa .display{font-weight:420!important;letter-spacing:-0.024em}
#fa .statement{letter-spacing:-0.012em;line-height:1.18}
#fa .statement .w{font-weight:280}
#fa .statement .w.on{font-weight:470}
#fa .section-head h2,#fa .fields h2,#fa .architect h2,#fa .philosophy h2{font-family:var(--serif)!important;font-weight:460!important;font-size:clamp(38px,4.4vw,68px)!important;line-height:1.04;letter-spacing:-0.022em}
#fa .architect .wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:clamp(40px,6vw,112px);align-items:start}
#fa .architect .wrap > *{grid-column:1}
#fa .architect .arch-aside{grid-column:2;grid-row:1 / 3;align-self:end;border-top:1px solid #262826;padding-top:28px;margin:0}
#fa .arch-quote{font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(24px,2.1vw,32px);line-height:1.25;letter-spacing:-0.01em;margin:0 0 36px;color:#262826}
#fa .arch-aside ul{list-style:none;margin:0;padding:0}
#fa .arch-aside li{padding:14px 0;border-bottom:1px solid rgba(38,40,38,.14);font-size:15px;line-height:1.4;color:#262826}
#fa .arch-aside li span{display:block;color:#8A877F;font-size:13.5px;margin-top:3px}
#fa .architect .xp-grid{grid-column:1 / -1}
@media (max-width:900px){#fa .architect .wrap{display:block}#fa .architect .arch-aside{margin:48px 0}}
.fa-footer{background:#262826;color:#A9A69F;font-family:"Hanken Grotesk",sans-serif;font-size:15px;line-height:1.5;padding:clamp(64px,8vw,112px) 0 32px}
.fa-footer .ff-wrap{max-width:1440px;margin:0 auto;padding:0 clamp(20px,4.5vw,72px)}
.fa-footer .ff-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px;padding-bottom:clamp(48px,6vw,88px)}
.fa-footer .ff-brand strong{display:block;font-family:"Newsreader",Georgia,serif;font-weight:420;font-size:clamp(30px,3vw,44px);letter-spacing:-0.02em;line-height:1.05;color:#EDEAE3}
.fa-footer .ff-brand span{display:block;margin-top:8px;color:#A9A69F}
.fa-footer .ff-brand p{font-family:"Newsreader",Georgia,serif;font-style:italic;font-weight:300;font-size:20px;color:#CFCBC2;margin:28px 0 0;max-width:22em}
.fa-footer h4{font-family:"Hanken Grotesk",sans-serif;font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#8A877F;margin:0 0 18px}
.fa-footer .ff-col a{display:block;color:#EDEAE3;text-decoration:none;padding:5px 0;transition:color .3s ease}
.fa-footer .ff-col a:hover{color:#B8A48A}
.fa-footer .ff-base{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid rgba(237,234,227,.14);padding-top:24px;font-size:13.5px;color:#8A877F}
@media (max-width:800px){.fa-footer .ff-grid{grid-template-columns:1fr;gap:36px}}
.fa-footer,.fa-footer *{text-align:left!important}
.fa-footer .ff-brand{max-width:28em}
.fa-footer .ff-base{align-items:center}
.fa-footer .ff-social{display:flex;gap:10px}
.fa-footer .ff-social a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid rgba(237,234,227,.22);border-radius:50%;color:#EDEAE3;transition:color .3s ease,border-color .3s ease}
.fa-footer .ff-social a:hover{color:#B8A48A;border-color:#B8A48A}
.fa-footer .ff-social svg{display:block}
#fa .st-caps{display:grid!important;height:auto!important;min-height:0!important}
#fa .st-caps .st-cap{position:relative!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;grid-area:1 / 1;align-self:end}
@media (max-width:700px){#fa .st-cap p{font-size:15.5px;line-height:1.5}#fa .st-cap h3{font-size:24px}}
#fa .nav a.lang-switch{font-size:12.5px;letter-spacing:.1em;padding:4px 0 4px 16px;border-left:1px solid currentColor;border-left-color:rgba(127,127,127,.45);opacity:.85}
#fa .nav a.lang-switch:hover{opacity:1}
#fa .nav a.lang-switch::after{left:16px}
@media (max-width:760px){#fa .nav a.lang-switch{display:inline-block!important;border-left:0;padding:8px 4px}}
@media (max-width:760px){#fa .site-header .brand strong,#fa .site-header .brand span{white-space:nowrap}#fa .nav{gap:12px}#fa .nav .nav-cta{white-space:nowrap;font-size:13px;padding:7px 12px}}
@media (max-width:400px){#fa .site-header .brand strong{font-size:18px}#fa .site-header .brand span{font-size:11px}#fa .nav .nav-cta{font-size:12.5px;padding:6px 11px}#fa .nav a.lang-switch{font-size:11.5px;padding:6px 2px}}
/* ===== Home 2026 v2 END ===== */